diff --git a/pika-kde-settings/debian/changelog b/pika-kde-settings/debian/changelog index c7f90c6..e9bcb47 100644 --- a/pika-kde-settings/debian/changelog +++ b/pika-kde-settings/debian/changelog @@ -1,4 +1,4 @@ -pika-kde-settings (3.8.7-99pika1.lunar) lunar; urgency=medium +pika-kde-settings (3.8.8-99pika1.lunar) lunar; urgency=medium * Pika-theme diff --git a/pika-kde-settings/etc/skel/.config/Kvantum/kvantum.kvconfig b/pika-kde-settings/etc/skel/.config/Kvantum/kvantum.kvconfig deleted file mode 100644 index 226161c..0000000 --- a/pika-kde-settings/etc/skel/.config/Kvantum/kvantum.kvconfig +++ /dev/null @@ -1,2 +0,0 @@ -[General] -theme=Orchis-dark diff --git a/pika-kde-settings/etc/skel/.config/Trolltech.conf b/pika-kde-settings/etc/skel/.config/Trolltech.conf deleted file mode 100644 index bc3d175..0000000 --- a/pika-kde-settings/etc/skel/.config/Trolltech.conf +++ /dev/null @@ -1,17 +0,0 @@ -[qt] -GUIEffects=none -KDE\contrast=7 -KWinPalette\activeBackground=#282828 -KWinPalette\activeBlend=#282828 -KWinPalette\activeForeground=#dfdfdf -KWinPalette\activeTitleBtnBg=#282828 -KWinPalette\frame=#282828 -KWinPalette\inactiveBackground=#323232 -KWinPalette\inactiveBlend=#323232 -KWinPalette\inactiveForeground=#dfdfdf -KWinPalette\inactiveFrame=#282828 -KWinPalette\inactiveTitleBtnBg=#282828 -Palette\active=#dfdfdf, #4d4d4d, #494949, #3b3b3b, #131313, #222222, #dfdfdf, #ffffff, #dfdfdf, #303030, #282828, #0e0e0e, #1a73e8, #ffffff, #4285f4, #00bcd4, #303030, #000000, #282828, #dfdfdf, #dfdfdf -Palette\disabled=#636363, #494949, #474747, #393939, #131313, #212121, #686868, #ffffff, #7a7a7a, #2e2e2e, #262626, #0d0d0d, #262626, #636363, #344a6f, #1e5c64, #2e2e2e, #000000, #282828, #dfdfdf, #dfdfdf -Palette\inactive=#dfdfdf, #4d4d4d, #494949, #3b3b3b, #131313, #222222, #dfdfdf, #ffffff, #dfdfdf, #303030, #282828, #0e0e0e, #143868, #dfdfdf, #4285f4, #00bcd4, #303030, #000000, #282828, #dfdfdf, #dfdfdf -font="Noto Sans,10,-1,0,50,0,0,0,0,0" diff --git a/pika-kde-settings/etc/skel/.config/dconf/user b/pika-kde-settings/etc/skel/.config/dconf/user deleted file mode 100644 index 081f90d..0000000 Binary files a/pika-kde-settings/etc/skel/.config/dconf/user and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/fontconfig/fonts.conf b/pika-kde-settings/etc/skel/.config/fontconfig/fonts.conf deleted file mode 100644 index c625544..0000000 --- a/pika-kde-settings/etc/skel/.config/fontconfig/fonts.conf +++ /dev/null @@ -1,64 +0,0 @@ - - - - - - Song - - - - 100 - - - 180 - - - true - - - - - Sun - - - - 100 - - - 180 - - - true - - - - - Kai - - - - 100 - - - 180 - - - true - - - - - Ming - - - - 100 - - - 180 - - - true - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-active.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-backdrop-active.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-backdrop-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-backdrop-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-backdrop-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-backdrop-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-backdrop-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-backdrop-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-backdrop-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-backdrop-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/close-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-active.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-backdrop-active.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-backdrop-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-backdrop-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-backdrop-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-backdrop-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-backdrop-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-backdrop-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-backdrop-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-backdrop-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximize-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-active.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-backdrop-active.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-backdrop-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-backdrop-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-backdrop-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-backdrop-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-backdrop-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-backdrop-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-backdrop-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-backdrop-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/maximized-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-active.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-backdrop-active.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-backdrop-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-backdrop-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-backdrop-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-backdrop-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-backdrop-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-backdrop-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-backdrop-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-backdrop-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/assets/minimize-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/colors.css b/pika-kde-settings/etc/skel/.config/gtk-3.0/colors.css deleted file mode 100644 index 821726e..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/colors.css +++ /dev/null @@ -1,84 +0,0 @@ -@define-color borders_breeze #5f6265; -@define-color content_view_bg_breeze #1b1e20; -@define-color error_color_backdrop_breeze #da4453; -@define-color error_color_breeze #da4453; -@define-color error_color_insensitive_backdrop_breeze #592930; -@define-color error_color_insensitive_breeze #592930; -@define-color insensitive_base_color_breeze #1a1d1f; -@define-color insensitive_base_fg_color_breeze #656768; -@define-color insensitive_bg_color_breeze #282c30; -@define-color insensitive_borders_breeze #3a3d41; -@define-color insensitive_fg_color_breeze #6e7173; -@define-color insensitive_selected_bg_color_breeze #282c30; -@define-color insensitive_selected_fg_color_breeze #6e7173; -@define-color insensitive_unfocused_bg_color_breeze #282c30; -@define-color insensitive_unfocused_fg_color_breeze #6e7173; -@define-color insensitive_unfocused_selected_bg_color_breeze #282c30; -@define-color insensitive_unfocused_selected_fg_color_breeze #6e7173; -@define-color link_color_breeze #1d99f3; -@define-color link_visited_color_breeze #9b59b6; -@define-color success_color_backdrop_breeze #27ae60; -@define-color success_color_breeze #27ae60; -@define-color success_color_insensitive_backdrop_breeze #1e4d34; -@define-color success_color_insensitive_breeze #1e4d34; -@define-color theme_base_color_breeze #1b1e20; -@define-color theme_bg_color_breeze #2a2e32; -@define-color theme_button_background_backdrop_breeze #31363b; -@define-color theme_button_background_backdrop_insensitive_breeze #2f3338; -@define-color theme_button_background_insensitive_breeze #2f3338; -@define-color theme_button_background_normal_breeze #31363b; -@define-color theme_button_decoration_focus_backdrop_breeze #3daee9; -@define-color theme_button_decoration_focus_backdrop_insensitive_breeze #335c72; -@define-color theme_button_decoration_focus_breeze #3daee9; -@define-color theme_button_decoration_focus_insensitive_breeze #335c72; -@define-color theme_button_decoration_hover_backdrop_breeze #3daee9; -@define-color theme_button_decoration_hover_backdrop_insensitive_breeze #335c72; -@define-color theme_button_decoration_hover_breeze #3daee9; -@define-color theme_button_decoration_hover_insensitive_breeze #335c72; -@define-color theme_button_foreground_active_backdrop_breeze #fcfcfc; -@define-color theme_button_foreground_active_backdrop_insensitive_breeze #6e7173; -@define-color theme_button_foreground_active_breeze #fcfcfc; -@define-color theme_button_foreground_active_insensitive_breeze #6e7173; -@define-color theme_button_foreground_backdrop_breeze #fcfcfc; -@define-color theme_button_foreground_backdrop_insensitive_breeze #727679; -@define-color theme_button_foreground_insensitive_breeze #727679; -@define-color theme_button_foreground_normal_breeze #fcfcfc; -@define-color theme_fg_color_breeze #fcfcfc; -@define-color theme_header_background_backdrop_breeze #2a2e32; -@define-color theme_header_background_breeze #31363b; -@define-color theme_header_background_light_breeze #2a2e32; -@define-color theme_header_foreground_backdrop_breeze #fcfcfc; -@define-color theme_header_foreground_breeze #fcfcfc; -@define-color theme_header_foreground_insensitive_backdrop_breeze #fcfcfc; -@define-color theme_header_foreground_insensitive_breeze #fcfcfc; -@define-color theme_hovering_selected_bg_color_breeze #3daee9; -@define-color theme_selected_bg_color_breeze #3daee9; -@define-color theme_selected_fg_color_breeze #fcfcfc; -@define-color theme_text_color_breeze #fcfcfc; -@define-color theme_titlebar_background_backdrop_breeze #2a2e32; -@define-color theme_titlebar_background_breeze #31363b; -@define-color theme_titlebar_background_light_breeze #2a2e32; -@define-color theme_titlebar_foreground_backdrop_breeze #fcfcfc; -@define-color theme_titlebar_foreground_breeze #fcfcfc; -@define-color theme_titlebar_foreground_insensitive_backdrop_breeze #fcfcfc; -@define-color theme_titlebar_foreground_insensitive_breeze #fcfcfc; -@define-color theme_unfocused_base_color_breeze #1b1e20; -@define-color theme_unfocused_bg_color_breeze #2a2e32; -@define-color theme_unfocused_fg_color_breeze #fcfcfc; -@define-color theme_unfocused_selected_bg_color_alt_breeze #1f485e; -@define-color theme_unfocused_selected_bg_color_breeze #1f485e; -@define-color theme_unfocused_selected_fg_color_breeze #fcfcfc; -@define-color theme_unfocused_text_color_breeze #fcfcfc; -@define-color theme_unfocused_view_bg_color_breeze #1a1d1f; -@define-color theme_unfocused_view_text_color_breeze #656768; -@define-color theme_view_active_decoration_color_breeze #3daee9; -@define-color theme_view_hover_decoration_color_breeze #3daee9; -@define-color tooltip_background_breeze #31363b; -@define-color tooltip_border_breeze #64686b; -@define-color tooltip_text_breeze #fcfcfc; -@define-color unfocused_borders_breeze #5f6265; -@define-color unfocused_insensitive_borders_breeze #3a3d41; -@define-color warning_color_backdrop_breeze #f67400; -@define-color warning_color_breeze #f67400; -@define-color warning_color_insensitive_backdrop_breeze #633914; -@define-color warning_color_insensitive_breeze #633914; diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/gtk.css b/pika-kde-settings/etc/skel/.config/gtk-3.0/gtk.css deleted file mode 100644 index c9763f7..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/gtk.css +++ /dev/null @@ -1 +0,0 @@ -@import 'colors.css'; \ No newline at end of file diff --git a/pika-kde-settings/etc/skel/.config/gtk-3.0/settings.ini b/pika-kde-settings/etc/skel/.config/gtk-3.0/settings.ini deleted file mode 100644 index 271d951..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-3.0/settings.ini +++ /dev/null @@ -1,14 +0,0 @@ -[Settings] -gtk-application-prefer-dark-theme=true -gtk-button-images=true -gtk-cursor-theme-name=breeze_cursors -gtk-cursor-theme-size=24 -gtk-decoration-layout=icon:minimize,maximize,close -gtk-enable-animations=true -gtk-font-name=Fira Sans Book, 10 -gtk-icon-theme-name=Papirus -gtk-menu-images=true -gtk-modules=colorreload-gtk-module:window-decorations-gtk-module -gtk-primary-button-warps-slider=false -gtk-theme-name=Orchis-Dark -gtk-toolbar-style=3 diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark.png deleted file mode 100644 index cce6cc0..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark@2.png deleted file mode 100644 index 05418f0..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness.png deleted file mode 100644 index 3b4e41b..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness@2.png deleted file mode 100644 index 2a346fa..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark.png deleted file mode 100644 index a91665e..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark@2.png deleted file mode 100644 index b7947fa..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light.png deleted file mode 100644 index 03516e3..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light@2.png deleted file mode 100644 index 4f76949..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected.png deleted file mode 100644 index 0504a0d..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected@2.png deleted file mode 100644 index e6362d4..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg deleted file mode 100644 index ad58085..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg deleted file mode 100644 index 9fcfe7b..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg deleted file mode 100644 index e2a252b..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/mixed-symbolic.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/mixed-symbolic.svg deleted file mode 100644 index b12be3e..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/mixed-symbolic@2.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/mixed-symbolic@2.svg deleted file mode 100644 index 9bb712e..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/mixed-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/radio-checked-symbolic.svg deleted file mode 100644 index 9da9f06..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg deleted file mode 100644 index b8c70db..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg deleted file mode 100644 index 8e4689d..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg deleted file mode 100644 index 1a85fef..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-mixed-symbolic.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-mixed-symbolic.svg deleted file mode 100644 index 63596f9..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-mixed-symbolic.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-mixed-symbolic@2.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-mixed-symbolic@2.svg deleted file mode 100644 index 2b5fe63..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-mixed-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg deleted file mode 100644 index 42e52c6..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg deleted file mode 100644 index f4667d7..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-unchecked-symbolic.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-unchecked-symbolic.svg deleted file mode 100644 index 05e2817..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-unchecked-symbolic.svg +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-unchecked-symbolic@2.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-unchecked-symbolic@2.svg deleted file mode 100644 index 5aa85a8..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-unchecked-symbolic@2.svg +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/unchecked-symbolic.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/unchecked-symbolic.svg deleted file mode 100644 index 6d97559..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/unchecked-symbolic@2.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/unchecked-symbolic@2.svg deleted file mode 100644 index ea6af93..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scalable/unchecked-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png deleted file mode 100644 index 09f5f70..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png deleted file mode 100644 index 7c3fdbd..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png deleted file mode 100644 index 7beb252..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index 5186fab..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png deleted file mode 100644 index da33092..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png deleted file mode 100644 index e2b45e0..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider.png deleted file mode 100644 index 3d1f72a..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider@2.png deleted file mode 100644 index 242dd4b..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png deleted file mode 100644 index ba62981..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png deleted file mode 100644 index c503a79..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png deleted file mode 100644 index 614349d..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index 5d5d8af..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png deleted file mode 100644 index eb755f7..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png deleted file mode 100644 index a15704b..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider.png deleted file mode 100644 index 84a5d5b..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png deleted file mode 100644 index 20c7bec..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark.png deleted file mode 100644 index e85d1db..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark@2.png deleted file mode 100644 index 0a41b4f..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled-dark.png deleted file mode 100644 index eb1a1ae..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled-dark.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled-dark@2.png deleted file mode 100644 index dafec67..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled-dark@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled.png deleted file mode 100644 index 9e2860d..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled@2.png deleted file mode 100644 index d720175..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider.png deleted file mode 100644 index f988443..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider@2.png deleted file mode 100644 index 53d837a..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png deleted file mode 100644 index cb0100c..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png deleted file mode 100644 index 69d62b1..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png deleted file mode 100644 index 8984a9b..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index 97ac0cd..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png deleted file mode 100644 index d94ff8e..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png deleted file mode 100644 index 9876be9..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png deleted file mode 100644 index 09cf275..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png deleted file mode 100644 index 9f64ca4..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png deleted file mode 100644 index b72999c..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png deleted file mode 100644 index 2e603ed..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png deleted file mode 100644 index e6cbadb..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index 7c3145d..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png deleted file mode 100644 index 4ef3072..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png deleted file mode 100644 index 455b8d4..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider.png deleted file mode 100644 index 7641036..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png deleted file mode 100644 index 79a5499..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png deleted file mode 100644 index f8e00c7..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png deleted file mode 100644 index 01885b0..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png deleted file mode 100644 index a0ad715..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked@2.png deleted file mode 100644 index 7042e18..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png deleted file mode 100644 index f6b914e..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png deleted file mode 100644 index 29ecf2b..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked.png deleted file mode 100644 index 40ff92e..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png deleted file mode 100644 index 8e87ea7..0000000 Binary files a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png and /dev/null differ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk-dark.css b/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk-dark.css deleted file mode 100644 index 4347965..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk-dark.css +++ /dev/null @@ -1,6368 +0,0 @@ -@keyframes ripple { - from { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 30%, transparent 0%); - } - to { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 100%, transparent 0%); - } -} - -@keyframes ripple-on-slider { - from { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 0%, transparent 0%); - } - to { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 100%, transparent 0%); - } -} - -@keyframes ripple-on-headerbar { - from { - background-image: radial-gradient(circle farthest-corner at center, #3281EA 30%, transparent 0%); - } - to { - background-image: radial-gradient(circle farthest-corner at center, #3281EA 100%, transparent 0%); - } -} - -/*************** - * Base States * - ***************/ -.background { - background-color: #212121; - color: white; -} - -dnd { - color: white; -} - -.normal-icons { - -gtk-icon-size: 16px; -} - -.large-icons { - -gtk-icon-size: 32px; -} - -.lowres-icon:not(.large-icons) { - -gtk-icon-size: 16px; -} - -.symbolic-circular { - background-color: rgba(255, 255, 255, 0.04); - border-radius: 9999px; - padding: 0; - min-height: 32px; - min-width: 32px; -} - -spinner:disabled, -arrow:disabled, -scrollbar:disabled, -check:disabled, -radio:disabled, -treeview.expander:disabled { - -gtk-icon-filter: opacity(0.5); -} - -iconview, .view { - background-color: #2C2C2C; - color: white; -} - -iconview:disabled, .view:disabled { - color: rgba(255, 255, 255, 0.5); -} - -textview text { - background-color: #2C2C2C; -} - -textview border { - background-color: #242424; - color: rgba(255, 255, 255, 0.7); -} - -iconview:hover, iconview:selected { - border-radius: 6px; -} - -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 #3281EA; - background-color: rgba(50, 129, 234, 0.3); -} - -flowbox > flowboxchild { - padding: 4px; - border-radius: 12px; -} - -flowbox > flowboxchild button.remove-button.osd { - min-height: 24px; - min-width: 24px; - padding: 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: white; - background-color: #2C2C2C; - border: 1px solid black; -} - -label.separator { - color: rgba(255, 255, 255, 0.7); -} - -label:disabled { - opacity: 1; - filter: none; - color: rgba(255, 255, 255, 0.5); -} - -headerbar label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} - -label.osd { - border-radius: 12px; - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -.dim-label, row.expander:not(:checked) image.expander-row-arrow, row label.subtitle { - color: rgba(255, 255, 255, 0.7); -} - -.accent { - color: #3281EA; -} - -.success { - color: #81C995; -} - -.warning { - color: #FBC02D; -} - -.error { - color: #F44336; -} - -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: white; -} - -toast, .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; - background-color: #2C2C2C; - background-clip: padding-box; - border-radius: 12px; - border: none; -} - -.osd { - padding: 6px; - margin: 6px; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 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 * - ****************/ -headerbar popover.background entry, entry { - caret-color: currentColor; - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -headerbar popover.background entry:focus-within, entry:focus-within { - background-color: rgba(255, 255, 255, 0.04); - color: white; - outline-color: #3281EA; - outline-width: 2px; - outline-offset: -2px; -} - -headerbar popover.background entry:drop(active), entry:drop(active) { - background-color: alpha(currentColor, 0.08); - color: white; - outline: 2px solid alpha(currentColor, 0.08); - outline-offset: -2px; -} - -headerbar popover.background entry:disabled, entry:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(255, 255, 255, 0.5); - outline: none; - filter: none; - opacity: 1; -} - -headerbar popover.background entry:disabled > label, entry:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -headerbar popover.background entry image, entry image { - color: rgba(255, 255, 255, 0.7); -} - -headerbar popover.background entry image:hover, entry image:hover, headerbar popover.background entry image:active, entry image:active { - color: white; -} - -headerbar popover.background entry image:disabled, entry image:disabled { - color: rgba(255, 255, 255, 0.5); -} - -entry { - min-height: 36px; - padding: 0 8px; - border-spacing: 6px; - border-radius: 12px; -} - -entry.flat { - min-height: 0; - padding: 2px; - border-radius: 0; - background-color: transparent; -} - -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(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 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.error { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(244, 67, 54, 0.08); - color: #F44336; -} - -entry.error image { - color: #F44336; -} - -entry.error selection { - color: white; - background-color: #F44336; -} - -entry.error:focus-within { - background-color: rgba(244, 67, 54, 0.08); - color: #F44336; - outline-color: #F44336; - outline-width: 2px; - outline-offset: -2px; -} - -entry.error:disabled { - background-color: rgba(244, 67, 54, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(244, 67, 54, 0.35); - outline: none; - filter: none; - opacity: 1; -} - -entry.error:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -entry.success { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(129, 201, 149, 0.08); - color: #81C995; -} - -entry.success image { - color: #81C995; -} - -entry.success selection { - color: rgba(0, 0, 0, 0.87); - background-color: #81C995; -} - -entry.success:focus-within { - background-color: rgba(129, 201, 149, 0.08); - color: #81C995; - outline-color: #81C995; - outline-width: 2px; - outline-offset: -2px; -} - -entry.success:disabled { - background-color: rgba(129, 201, 149, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(129, 201, 149, 0.35); - outline: none; - filter: none; - opacity: 1; -} - -entry.success:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -entry.warning { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(251, 192, 45, 0.08); - color: #FBC02D; -} - -entry.warning image { - color: #FBC02D; -} - -entry.warning selection { - color: rgba(0, 0, 0, 0.87); - background-color: #FBC02D; -} - -entry.warning:focus-within { - background-color: rgba(251, 192, 45, 0.08); - color: #FBC02D; - outline-color: #FBC02D; - outline-width: 2px; - outline-offset: -2px; -} - -entry.warning:disabled { - background-color: rgba(251, 192, 45, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(251, 192, 45, 0.35); - outline: none; - filter: none; - opacity: 1; -} - -entry.warning:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -entry > progress, -entry progress > trough > progress { - margin: 2px -8px; - border-bottom: 2px solid #3281EA; - background-color: transparent; -} - -treeview entry.flat, treeview entry { - background-color: #2C2C2C; -} - -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.15); - color: white; -} - -.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: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -/*********** - * Buttons * - ***********/ -@keyframes needs-attention { - from { - background-image: radial-gradient(farthest-side, #3281EA 0%, rgba(50, 129, 234, 0) 0%); - } - to { - background-image: radial-gradient(farthest-side, #3281EA 95%, rgba(50, 129, 234, 0)); - } -} - -.nautilus-window tabbar tab > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button, 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(255, 255, 255, 0.7); -} - -.nautilus-window tabbar tab > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button: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), .nautilus-window tabbar tab > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button: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), .nautilus-window tabbar tab > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button: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), .nautilus-window tabbar tab > button.flat:checked, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button: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: white; -} - -.nautilus-window tabbar tab > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button: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(255, 255, 255, 0.3); -} - -.nautilus-window tabbar tab > button.flat:checked:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-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(255, 255, 255, 0.5); -} - -headerbar popover.background button:not(.suggested-action):not(.destructive-action), button { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - outline: none; - box-shadow: inset 0 0 0 9999px transparent; - background-color: rgba(255, 255, 255, 0.04); - background-image: radial-gradient(circle, transparent 0%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; - color: white; -} - -headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action), button:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent; -} - -headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action), button:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -headerbar popover.background 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: 100% 100%; -} - -headerbar popover.background 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); - filter: none; - opacity: 1; -} - -headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action), button:checked { - box-shadow: none; - background-color: #3281EA; - color: white; -} - -headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover { - box-shadow: inset 0 0 0 9999px transparent; -} - -headerbar popover.background 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); -} - -button { - min-height: 24px; - min-width: 16px; - padding: 6px 10px; - border-radius: 12px; - font-weight: 500; -} - -button:drop(active) { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -.nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check, -radio, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton, spinbutton:not(.vertical) > button, spinbutton.vertical > button, tabbar tab button.image-button, -dnd tab button.image-button, splitbutton.flat > button, -splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar popover.background button.flat:not(.suggested-action):not(.destructive-action), 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), button.flat { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - outline: none; - box-shadow: inset 0 0 0 9999px transparent; - background-color: transparent; - background-image: radial-gradient(circle, transparent 0%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus, -radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton:focus, spinbutton:not(.vertical) > button:focus, spinbutton.vertical > button:focus, tabbar tab button.image-button:focus, -dnd tab button.image-button:focus, splitbutton.flat > button:focus, -splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.messagedialog .response-area button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar popover.background button.flat:focus:not(.suggested-action):not(.destructive-action), 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), button.flat:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: white; -} - -.nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover, -radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton:hover, spinbutton:not(.vertical) > button:hover, spinbutton.vertical > button:hover, tabbar tab button.image-button:hover, -dnd tab button.image-button:hover, splitbutton.flat > button:hover, -splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar popover.background button.flat:hover:not(.suggested-action):not(.destructive-action), 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), button.flat:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: white; -} - -.nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active, -radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton:active, spinbutton:not(.vertical) > button:active, spinbutton.vertical > button:active, tabbar tab button.image-button:active, -dnd tab button.image-button:active, splitbutton.flat > button:active, -splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar popover.background button.flat:active:not(.suggested-action):not(.destructive-action), 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), button.flat: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: 100% 100%; - color: white; -} - -.nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled, -radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton:disabled, spinbutton:not(.vertical) > button:disabled, spinbutton.vertical > button:disabled, tabbar tab button.image-button:disabled, -dnd tab button.image-button:disabled, splitbutton.flat > button:disabled, -splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar popover.background button.flat:disabled:not(.suggested-action):not(.destructive-action), 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), button.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); -} - -tabbar tab button.image-button:checked, -dnd tab button.image-button:checked, splitbutton.flat > button:checked, -splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar popover.background button.flat:checked:not(.suggested-action):not(.destructive-action), 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), button.flat:checked, button.flat:checked:hover { - background-color: alpha(currentColor, 0.1); - color: white; -} - -tabbar tab button.image-button:checked:disabled, -dnd tab button.image-button:checked:disabled, splitbutton.flat > button:checked:disabled, -splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar popover.background button.flat:checked:disabled:not(.suggested-action):not(.destructive-action), 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), 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.text-button.flat { - min-width: 48px; - padding-left: 8px; - padding-right: 8px; -} - -button.image-button { - min-width: 24px; - padding: 6px; -} - -button.text-button.image-button { - min-width: 24px; - padding: 6px; - border-radius: 12px; -} - -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: 12px; -} - -.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -.linked:not(.vertical) > menubutton:first-child > button { - border-radius: 12px 0 0 12px; -} - -.linked:not(.vertical) > menubutton:last-child > button { - border-radius: 0 12px 12px 0; -} - -button.osd { - box-shadow: none; - padding: 12px 16px; - background-color: #2C2C2C; - border: 1px solid rgba(255, 255, 255, 0.12); - background-clip: padding-box; -} - -button.osd:hover { - background-color: #414141; -} - -button.osd:active { - background-color: #565656; -} - -button.osd.image-button { - padding: 12px; -} - -button.osd:disabled { - opacity: 0; -} - -button.suggested-action { - background-color: #3281EA; - color: white; - 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); - filter: none; - opacity: 1; -} - -button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(50, 129, 234, 0.2), 0 4px 3px 0 rgba(50, 129, 234, 0.14), 0 1px 6px 0 rgba(50, 129, 234, 0.12); -} - -button.suggested-action:checked { - background-color: #70a7f0; -} - -button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(50, 129, 234, 0.3), 0 2px 3px -1px rgba(50, 129, 234, 0.24), 0 2px 5px 0 rgba(50, 129, 234, 0.12); -} - -button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(50, 129, 234, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: #3281EA; -} - -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); -} - -button.suggested-action.flat:checked { - background-color: rgba(50, 129, 234, 0.3); -} - -button.destructive-action { - background-color: #F44336; - color: white; - 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); - filter: none; - opacity: 1; -} - -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.3); -} - -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; -} - -menubutton.circular > button, filechooser #pathbarbox > stack > box > button, check, -radio, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action), button.image-button, button.close, button.circular { - border-radius: 9999px; -} - -menubutton.circular > button label, filechooser #pathbarbox > stack > box > button label, check label, -radio label, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) label, button.image-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:not(.vertical) > button, spinbutton.vertical > button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 9999px; -} - -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: 12px; - border-bottom-left-radius: 12px; -} - -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { - border-top-right-radius: 12px; - border-bottom-right-radius: 12px; -} - -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { - border-radius: 12px; -} - -.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: 12px; - border-top-right-radius: 12px; -} - -.linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -.linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 12px; -} - -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 { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - - -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; - 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: 100% 100%; -} - - -list > row button.image-button:not(.flat).suggested-action { - background-color: #3281EA; - color: white; -} - - -list > row button.image-button:not(.flat).destructive-action { - background-color: #F44336; - color: white; -} - -/********* - * Links * - *********/ -link { - color: #3281EA; -} - -link:visited { - color: #BA68C8; -} - -button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #3281EA; -} - -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), spinbutton.vertical { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; - border-radius: 12px; - padding: 0; - border-spacing: 0; -} - -spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within { - background-color: rgba(255, 255, 255, 0.04); - color: white; - outline-color: #3281EA; - outline-width: 2px; - outline-offset: -2px; -} - -spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(255, 255, 255, 0.5); - outline: none; - filter: none; - opacity: 1; -} - -spinbutton:not(.vertical):disabled > label, spinbutton.vertical:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -spinbutton:not(.vertical) > text, spinbutton.vertical > text { - margin: 0; - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; -} - -spinbutton:not(.vertical) > button, spinbutton.vertical > button { - padding: 0; - border: 6px solid transparent; -} - -spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled), spinbutton.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) > text { - min-width: 32px; - padding-left: 12px; -} - -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:disabled { - color: rgba(255, 255, 255, 0.5); -} - -spinbutton.vertical > text { - min-height: 36px; - min-width: 42px; - padding: 0; -} - -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, -combobox > popover.menu { - margin-top: 6px; - padding: 0; -} - -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.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: 12px; -} - -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: 12px; -} - -.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: 12px; - font-weight: normal; - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -button.combo:only-child:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: white; -} - -button.combo:only-child:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: white; -} - -button.combo:only-child: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: 100% 100%; - color: white; -} - -button.combo:only-child:checked { - background-color: alpha(currentColor, 0.1); - color: white; -} - -button.combo:only-child:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - filter: none; - opacity: 1; -} - -.app-notification, .toolbar.osd, -toolbar.osd { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - padding: 6px; - 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(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.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(255, 255, 255, 0.1); -} - -/************ - * Toolbars * - ************/ -.toolbar, -toolbar { - padding: 3px 6px; - background-color: #212121; - border-spacing: 6px; -} - -.osd .toolbar, .osd toolbar { - background-color: transparent; -} - -.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, -toolbar.osd.left, -toolbar.osd.right, -toolbar.osd.top, -toolbar.osd.bottom { - border-radius: 0; -} - -.toolbar.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; -} - -.toolbar button { - margin: 1px; - border-radius: 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: #212121; - background-clip: border-box; - box-shadow: none; -} - -searchbar > revealer > box entry, -searchbar > revealer > box button, -searchbar > revealer > box menubutton, -searchbar > revealer > box splitbutton { - margin: 0; -} - -/*************** - * Header bars * - ***************/ -window.about.background.csd headerbar button:not(.suggested-action):not(.destructive-action), headerbar.flat button:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -window.about.background.csd headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:focus:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:hover:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:active:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:not(.suggested-action):not(.destructive-action) { - color: white; -} - -window.about.background.csd headerbar button:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -window.about.background.csd headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.5); -} - -window.about.background.csd headerbar button:backdrop:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.5); -} - -window.about.background.csd headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:focus:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:hover:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -window.about.background.csd headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -window.about.background.csd headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -window.about.background.csd headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar button:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - border-radius: 9999px; -} - -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: white; -} - -headerbar button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -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.3); -} - -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.3); -} - -headerbar entry { - caret-color: white; -} - -headerbar entry { - background-color: rgba(255, 255, 255, 0.04); -} - -headerbar entry, headerbar entry > text { - color: white; -} - -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: white; -} - -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); - color: white; - min-height: 48px; - padding: 0; - margin: 0; - background-color: transparent; -} - -headerbar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar:backdrop { - color: rgba(255, 255, 255, 0.7); - background-color: transparent; -} - -headerbar:backdrop:disabled { - color: rgba(255, 255, 255, 0.3); -} - -headerbar .title { - padding: 0 12px; - font-weight: bold; -} - -headerbar .subtitle { - padding: 0 12px; - font-size: smaller; -} - -headerbar .subtitle, -headerbar .dim-label, -headerbar row.expander:not(:checked) image.expander-row-arrow, -row.expander:not(:checked) 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:not(:checked) image.expander-row-arrow:backdrop, -row.expander:not(:checked) headerbar image.expander-row-arrow:backdrop { - color: rgba(255, 255, 255, 0.5); -} - -headerbar headerbar { - background-color: transparent; - box-shadow: none; -} - -headerbar splitbutton { - border-radius: 9999px; -} - -headerbar splitbutton > button, headerbar splitbutton > menubutton > button { - min-height: 24px; - min-width: 24px; - padding: 6px; - border-radius: 9999px; -} - -headerbar splitbutton > button:dir(ltr), -headerbar splitbutton > menubutton > button:dir(rtl) { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; -} - -headerbar splitbutton > button:dir(rtl), -headerbar splitbutton > menubutton > button:dir(ltr) { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; -} - -headerbar .linked:not(.vertical) > entry:not(:only-child) { - border-radius: 12px; -} - -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); -} - -headerbar button.toggle { - border-radius: 9999px; -} - -headerbar.flat { - background-color: #212121; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.7); - border-radius: 18px 18px 0 0; -} - -background.csd.info headerbar.flat, background.csd.about headerbar.flat { - background-color: transparent; - box-shadow: none; -} - -headerbar popover.background > contents { - color: white; -} - -headerbar popover.background > contents .dim-label, headerbar popover.background > contents row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) headerbar popover.background > contents image.expander-row-arrow, headerbar popover.background > contents row label.subtitle, row headerbar popover.background > contents label.subtitle { - color: rgba(255, 255, 255, 0.7); -} - -headerbar popover.background button, headerbar popover.background entry, headerbar popover.background spinbutton { - border-radius: 5px; -} - -headerbar popover.background button:not(.suggested-action):not(.destructive-action) image { - color: white; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - border-radius: 0; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):first-child { - border-radius: 5px 0 0 5px; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):last-child { - border-radius: 0 5px 5px 0; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):only-child { - border-radius: 5px; -} - -headerbar stackswitcher { - margin: 6px 0; - border-radius: 9999px; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { - border-radius: 9999px; - color: rgba(255, 255, 255, 0.7); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active { - color: white; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:disabled { - color: rgba(255, 255, 255, 0.3); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - color: white; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop { - color: rgba(255, 255, 255, 0.5); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:active { - color: rgba(255, 255, 255, 0.7); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:disabled { - color: rgba(255, 255, 255, 0.3); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked { - color: rgba(255, 255, 255, 0.5); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); -} - -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 { - 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 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); - animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #3281EA; - color: white; -} - -headerbar.selection-mode:backdrop { - color: rgba(255, 255, 255, 0.7); -} - -headerbar.selection-mode .subtitle:link { - color: white; -} - -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(255, 255, 255, 0.2); - background-color: #3281EA; -} - -.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; - background-image: none; - background-color: #2C2C2C; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); -} - -headerbar.default-decoration windowcontrols button, -headerbar.default-decoration windowcontrols menubutton { - padding: 0; - min-height: 24px; - min-width: 24px; - margin: 0; -} - -.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { - border-radius: 0; - box-shadow: none; -} - -window.devel headerbar.titlebar { - background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(50, 129, 234, 0.1)), linear-gradient(to top, #343434 3px, #393939); -} - -window.devel headerbar.titlebar:backdrop { - background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#2C2C2C); - /* background-color would flash */ -} - -headerbar windowcontrols { - border-spacing: 6px; -} - -headerbar windowcontrols:not(.empty).start:dir(ltr), headerbar windowcontrols:not(.empty).end:dir(rtl) { - margin-right: 0; - margin-left: 0; -} - -headerbar windowcontrols:not(.empty).start:dir(rtl), headerbar windowcontrols:not(.empty).end:dir(ltr) { - margin-left: 0; - margin-right: 0; -} - -headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) > image, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action):hover > image, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action):active > image, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action):backdrop > image { - background-color: transparent; -} - -headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) > image { - padding: 0; - border: none; - outline: none; - box-shadow: none; -} - -/************ - * Pathbars * - ************/ - -pathbar > button { - padding-left: 6px; - padding-right: 6px; - border-radius: 12px; - border-spacing: 3px; -} - - -pathbar > button label, -pathbar > button image { - margin-left: 3px; - margin-right: 3px; -} - - -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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.7); - border: none; - border-radius: 12px; - 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: 10px; - border: none; - box-shadow: none; -} - -.pathbar > button:last-child { - background-color: alpha(currentColor, 0.1); - color: white; -} - -/************** - * Tree Views * - **************/ -columnview.view, -treeview.view { - border-left-color: #404040; - border-top-color: #404040; -} - -columnview.view:selected, -treeview.view:selected { - background-color: #2C2C2C; - background-image: image(alpha(currentColor, 0.1)); - box-shadow: 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(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; - color: rgba(255, 255, 255, 0.7); - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -columnview.view.expander:dir(rtl), -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -columnview.view.expander:checked, -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -columnview.view.expander:hover, -treeview.view.expander:hover { - color: white; -} - -columnview.view.expander:selected, -treeview.view.expander:selected { - color: #3281EA; -} - -columnview.view.expander:selected:hover, -treeview.view.expander:selected:hover { - color: rgba(50, 129, 234, 0.65); -} - -columnview.view.expander:disabled, -treeview.view.expander:disabled { - color: rgba(255, 255, 255, 0.3); -} - -columnview.view.progressbar, -treeview.view.progressbar { - border-bottom: 6px solid #3281EA; - 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.15); - 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: #2C2C2C; -} - -columnview.view > header > button:last-child, -treeview.view > header > button:last-child { - border-right-style: 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, -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: #2C2C2C; - background-clip: border-box; - color: #3281EA; -} - -columnview.view acceleditor > label, -treeview.view acceleditor > label { - background-color: #3281EA; -} - -/********* - * Menus * - *********/ -menubar { - padding: 0; - background-color: #2C2C2C; - color: white; -} - -menubar:backdrop { - background-color: #2C2C2C; - 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: white; -} - -menubar > item:disabled { - color: rgba(255, 255, 255, 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; -} - -/********************** - * Popover Base Menus * - **********************/ -popover.menu box.inline-buttons { - padding: 0 14px; -} - -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; -} - -popover.menu label.title { - font-weight: bold; - padding: 3px 32px; -} - -/************ - * Popovers * - ************/ -popover.background { - font: initial; - padding: 0; -} - -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; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12); - background-color: #3C3C3C; - border: none; - border-radius: 11px; - color: white; -} - -popover.background:backdrop > arrow, -popover.background:backdrop > contents { - 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); -} - -popover.background > contents > list, -popover.background > contents > .view, -popover.background > contents > toolbar { - border-style: none; - box-shadow: none; - background-color: transparent; -} - -popover.background > contents > scrolledwindow > viewport > stack > box { - padding: 0; -} - -popover.background > contents separator { - background-color: rgba(255, 255, 255, 0.12); - margin: 3px 0; -} - -popover.background > contents list { - background-color: transparent; - padding: 0; -} - -popover.background > contents list > row { - padding: 6px 12px; -} - -popover.background > contents list separator { - margin: 0; -} - -popover.background .view:not(:selected), -popover.background toolbar { - background-color: #3C3C3C; -} - -popover.background .linked > button:not(.radio):first-child { - border-radius: 5px 0 0 5px; -} - -popover.background .linked > button:not(.radio):last-child { - border-radius: 0 5px 5px 0; -} - -popover.background .linked > button:not(.radio):only-child { - border-radius: 5px; -} - -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: 5px; - color: white; - font: initial; - text-shadow: none; - border-spacing: 6px; -} - -popover.background modelbutton accelerator { - color: rgba(255, 255, 255, 0.5); - margin-left: 30px; -} - -popover.background modelbutton accelerator:disabled { - color: rgba(255, 255, 255, 0.12); -} - -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.menu button, -popover.background button.model { - min-height: 32px; - padding: 0 8px; - border-radius: 5px; -} - -.osd popover.background, popover.background.touch-selection, popover.background.magnifier { - background-color: transparent; -} - -popover.background listview { - padding: 0; -} - -popover.background listview > row { - padding: 6px 12px; - border-radius: 5px; - margin: 0; -} - -magnifier { - background-color: #2C2C2C; -} - -/************* - * Notebooks * - *************/ -notebook > header tab { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-height: 24px; - min-width: 24px; - padding: 6px 12px; - border-width: 1px; - border-color: transparent; - border-style: solid; - outline: none; - background-clip: padding-box; - box-shadow: none; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -notebook > header tab:hover { - background-color: #404040; - color: white; -} - -notebook > header tab:disabled { - color: rgba(255, 255, 255, 0.3); -} - -notebook > header tab:checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #2C2C2C; - background-clip: padding-box; - border-color: #404040; - color: white; - box-shadow: none; -} - -notebook > header tab:checked:disabled { - color: rgba(255, 255, 255, 0.5); -} - -notebook > header tab:checked.reorderable-page { - background-color: #2C2C2C; -} - -notebook { - background-color: #2C2C2C; -} - -frame > paned > notebook > header, notebook.frame > header { - background-color: #242424; -} - -notebook.frame { - border-radius: 12px; -} - -notebook.frame frame > border { - border: none; - border-radius: 12px; -} - -notebook.frame frame > list row.activatable { - border-radius: 12px; -} - -notebook:focus tab:checked { - box-shadow: none; -} - -notebook.frame > header.top { - border-radius: 12px 12px 0 0; -} - -notebook.frame > header.bottom { - border-radius: 0 0 12px 12px; -} - -notebook.frame > header.left { - border-radius: 12px 0 0 12px; -} - -notebook.frame > header.right { - border-radius: 0 12px 12px 0; -} - -notebook > header { - border: none; - background-color: #212121; - padding: 0; -} - -notebook > header.top { - box-shadow: inset 0 -1px #404040; -} - -notebook > header.top > tabs { - margin: 4px 0 0; -} - -notebook > header.top > tabs > tab { - border-radius: 12px 12px 0 0; - border-bottom: none; -} - -notebook > header.bottom { - box-shadow: inset 0 1px #404040; -} - -notebook > header.bottom > tabs { - margin: 0 0 4px; -} - -notebook > header.bottom > tabs > tab { - border-radius: 0 0 12px 12px; - border-top: none; -} - -notebook > header.left { - box-shadow: inset -1px 0 #404040; -} - -notebook > header.left > tabs { - margin: 0 0 0 4px; -} - -notebook > header.left > tabs > tab { - border-radius: 12px 0 0 12px; - border-right: none; -} - -notebook > header.right { - box-shadow: inset 1px 0 #404040; -} - -notebook > header.right > tabs { - margin: 0 4px 0 0; -} - -notebook > header.right > tabs > tab { - border-radius: 0 12px 12px 0; - border-left: none; -} - -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: -8px; - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - margin-right: -8px; - -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: -8px; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - margin-bottom: -8px; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; -} - -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: white; -} - -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.top tabs, notebook > header.bottom tabs { - padding-left: 8px; - padding-right: 8px; -} - -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, notebook > header.right tabs { - padding-top: 8px; - padding-bottom: 8px; -} - -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: 12px; -} - -/************** - * Scrollbars * - **************/ -scrollbar { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #2C2C2C; -} - -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 { - box-shadow: none; - outline: none; - background: 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: white; -} - -scrollbar > range > trough > slider:disabled { - background-color: rgba(255, 255, 255, 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; - box-shadow: none; - outline: none; -} - -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); - box-shadow: none; - outline: none; -} - -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(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.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(60, 60, 60, 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 2px; - border: 5px solid transparent; - border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.3); - background-clip: padding-box; - font-size: 0; - color: transparent; -} - -switch:checked { - background-color: rgba(50, 129, 234, 0.5); -} - -switch:disabled { - opacity: 0.5; -} - -switch image { - margin: -8px; - color: transparent; -} - -switch > slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 20px; - min-height: 20px; - margin: -3px -2px; - border-radius: 9999px; - outline: none; - box-shadow: 0 0 0 10px transparent, 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-color: #3C3C3C; -} - -switch:focus > slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); -} - -switch:hover > slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); -} - -switch:focus:hover > slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 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); -} - -switch:checked > slider { - background-color: #3281EA; - color: #3281EA; -} - -/************************* - * 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; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); -} - -.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 { - -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px 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-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: 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; -} - -popover checkbutton.text-button > check:dir(ltr), popover radiobutton.text-button > check:dir(ltr) { - margin-left: -16px; -} - -popover checkbutton.text-button > check:dir(rtl), popover radiobutton.text-button > check:dir(rtl) { - margin-right: -16px; -} - -check, -radio { - min-height: 24px; - min-width: 24px; - margin: -8px; - padding: 8px; - border: none; -} - -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - color: #81C995; -} - -check:checked:disabled, check:indeterminate:disabled, -radio:checked:disabled, -radio:indeterminate:disabled { - color: rgba(255, 255, 255, 0.3); -} - -check:not(:hover):focus, -radio:not(:hover):focus { - box-shadow: inset 0 0 0 9999px transparent; -} - -popover modelbutton check, popover modelbutton radio { - margin: 0; - padding: 0; -} - -popover modelbutton check, popover modelbutton check:focus, popover modelbutton check:hover, popover modelbutton check:focus:hover, popover modelbutton check:active, popover modelbutton check:disabled, popover modelbutton radio, popover modelbutton radio:focus, popover modelbutton radio:hover, popover modelbutton radio:focus:hover, popover modelbutton radio:active, popover modelbutton radio:disabled { - transition: none; - box-shadow: none; - background: none; - border: none; -} - -popover modelbutton check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(255, 255, 255, 0.7); -} - -popover modelbutton check, popover modelbutton check:hover, popover modelbutton check:disabled, popover modelbutton radio, popover modelbutton radio:hover, popover modelbutton radio:disabled { - box-shadow: none; -} - -popover modelbutton check.left:dir(rtl), popover modelbutton radio.left:dir(rtl) { - margin-left: -12px; - margin-right: -4px; -} - -popover modelbutton check.right:dir(ltr), popover modelbutton radio.right:dir(ltr) { - margin-left: -4px; - margin-right: -12px; -} - - -check { - -gtk-icon-size: 24px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/unchecked-symbolic@2.svg"))); -} - - -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/mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/mixed-symbolic@2.svg"))); -} - - -radio { - -gtk-icon-size: 24px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/unchecked-symbolic@2.svg"))); -} - - -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/mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/mixed-symbolic@2.svg"))); -} - - -popover.menu check { - min-height: 18px; - min-width: 18px; - -gtk-icon-size: 18px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-unchecked-symbolic@2.svg"))); -} - - -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-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-mixed-symbolic@2.svg"))); -} - - -popover.menu radio { - min-height: 18px; - min-width: 18px; - border-image: none; - -gtk-icon-size: 18px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-unchecked-symbolic@2.svg"))); -} - - -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-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-mixed-symbolic@2.svg"))); -} - -treeview.view check, treeview.view radio, -columnview.view check, -columnview.view radio { - padding: 0; - box-shadow: none; - background: none; - color: rgba(255, 255, 255, 0.7); -} - -treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active, -columnview.view check:hover, -columnview.view check:active, -columnview.view radio:hover, -columnview.view radio:active { - color: white; -} - -treeview.view check:disabled, treeview.view radio:disabled, -columnview.view check:disabled, -columnview.view radio:disabled { - color: rgba(255, 255, 255, 0.3); -} - -treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate, -columnview.view check:checked, -columnview.view check:indeterminate, -columnview.view radio:checked, -columnview.view radio:indeterminate { - color: #81C995; -} - -treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled, -columnview.view check:checked:disabled, -columnview.view check:indeterminate:disabled, -columnview.view radio:checked:disabled, -columnview.view radio:indeterminate:disabled { - color: rgba(255, 255, 255, 0.3); -} - -treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, treeview.view:focus-within check, treeview.view:focus-within 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, -columnview.view:focus-within check, -columnview.view:focus-within radio { - 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.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 { - min-height: 32px; - min-width: 32px; - margin: -14px; -} - -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.15); -} - -scale > 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); - background-repeat: no-repeat; - background-position: center; - background-size: auto, 1000% 1000%; - min-height: 32px; - min-width: 32px; - margin: -15px; - border-radius: 50%; - color: #3281EA; - background-color: transparent; -} - -scale > trough > slider, scale > trough > slider:focus, scale > trough > slider:hover, scale > trough > slider:active { - border: none; - box-shadow: none; - outline: none; -} - -scale > trough > slider { - background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale > trough > slider:focus { - background-color: alpha(currentColor, 0.08); -} - -scale > trough > slider:hover { - background-color: alpha(currentColor, 0.08); -} - -scale > trough > slider:focus:hover { - background-color: alpha(currentColor, 0.16); -} - -scale > trough > 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-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: auto, 0% 0%; - color: #3281EA; -} - -scale > trough > highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#3281EA); -} - -scale > trough > highlight:disabled { - background-color: #212121; - background-image: image(rgba(255, 255, 255, 0.3)); -} - -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 > marks, -scale > value { - color: rgba(255, 255, 255, 0.7); -} - -scale > marks 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 > marks indicator { - min-height: 8px; - min-width: 1px; -} - -scale.vertical > marks indicator { - min-height: 1px; - min-width: 8px; -} - -scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { - transform: none; - box-shadow: none; - border: none; -} - -scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { - box-shadow: none; -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), 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 > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) { - margin-bottom: -24px; - margin-top: 8px; -} - -scale.color.vertical:dir(ltr) { - padding: 0 0 0 12px; -} - -scale.color.vertical:dir(ltr) > trough > slider { - margin-left: -24px; - margin-right: 8px; -} - -scale.color.vertical:dir(rtl) { - padding: 0 12px 0 0; -} - -scale.color.vertical:dir(rtl) > trough > slider { - margin-right: -24px; - margin-left: 8px; -} - -/***************** - * 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: 12px; - background-color: rgba(255, 255, 255, 0.15); -} - -progressbar progress { - border-radius: 12px; - background-color: #3281EA; -} - -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: #3281EA; -} - -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: 12px; -} - -levelbar block.low { - background-color: #FBC02D; -} - -levelbar block.high, levelbar block:not(.empty) { - background-color: #3281EA; -} - -levelbar block.full { - background-color: #81C995; -} - -levelbar block.empty { - background-color: rgba(255, 255, 255, 0.15); -} - -/**************** - * Print dialog * -*****************/ -window.dialog.print drawing { - color: white; - background: none; - border: none; - padding: 0; -} - -window.dialog.print drawing paper { - padding: 0; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: white; -} - -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: 12px; -} - -frame.flat, -.frame.flat { - border-style: none; -} - -frame { - border-radius: 12px; -} - -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(255, 255, 255, 0.12); - background-color: #2C2C2C; - background-clip: border-box; - box-shadow: none; -} - -actionbar > revealer > box entry, -actionbar > revealer > box button, -actionbar > revealer > box menubutton, -actionbar > revealer > box splitbutton { - margin: 0; -} - -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(255, 255, 255, 0.04) 99%, transparent 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(255, 255, 255, 0.04) 99%, transparent 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(255, 255, 255, 0.04) 99%, transparent 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(255, 255, 255, 0.04) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -junction { - border: none; - background-color: #2C2C2C; -} - -separator { - min-width: 1px; - min-height: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -separator.spacer { - background-color: transparent; -} - -separator.spacer.horizontal { - min-width: 12px; -} - -separator.spacer.vertical { - min-height: 12px; -} - -stacksidebar + separator.vertical, -stacksidebar separator.horizontal, button.font separator, button.file separator { - min-width: 0; - min-height: 0; - background-color: transparent; -} - -/********* - * Lists * - *********/ -listview, -list { - border-color: rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - background-clip: padding-box; - color: rgba(255, 255, 255, 0.7); -} - -listview > row, -list > row { - 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, listview.separators.horizontal > row:not(.separator), -list.horizontal row.separator, -list.separators.horizontal > row:not(.separator) { - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -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 rgba(255, 255, 255, 0.12); -} - -list.frame { - border-radius: 12px; -} - -row { - background-clip: padding-box; -} - -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); - outline: none; - box-shadow: inset 0 0 0 9999px transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 30%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; -} - -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, 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); -} - -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), 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 farthest-corner at center, alpha(currentColor, 0.12) 30%, transparent 0%); - background-size: 100% 100%; -} - -button row.activatable, button row.activatable:hover, button row.activatable.has-open-popup, button row.activatable:active, button row.activatable:active:hover { - background-color: transparent; - box-shadow: none; - background-image: none; - transition: none; - animation: none; -} - -button:checked row { - color: white; -} - -row:selected { - color: inherit; -} - -row:selected image, -row:selected label { - color: white; -} - -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); -} - -treeexpander { - border-spacing: 4px; -} - -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 > header > button { - padding-left: 6px; - padding-right: 6px; - border-left: 1px solid transparent; -} - -columnview > header > button:first-child { - border-left-width: 0; -} - -columnview.column-separators > listview > row > cell, -columnview.column-separators > header > button { - border-left-color: rgba(255, 255, 255, 0.12); -} - -columnview > listview:not(.horizontal).separators > row:not(.separator) { - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; -} - -columnview.data-table > listview > row > cell { - padding-top: 2px; - padding-bottom: 2px; -} - -columnview ~ undershoot.top { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); -} - -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 #3281EA; -} - -columnview row:not(:selected) cell editablelabel.editing text selection { - color: white; - background-color: #3281EA; -} - -.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; -} - -/**************** - * AdwActionRow * - ****************/ -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; -} - -/*************** - * AdwComboRow * - ***************/ -row.combo image.dropdown-arrow:disabled { - filter: opacity(0.35); -} - -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; -} - -/****************** - * AdwExpanderRow * - ******************/ -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 { - transition: 200ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(255, 255, 255, 0.7); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.osd list.content > row:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, -.osd list.boxed-list > row:focus:focus-visible, -.osd list.boxed-list > row.expander row.header:focus:focus-visible, -list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.04); -} - -row.expander { - background: none; - padding: 0px; -} - -row.expander > box > list { - background: none; - color: inherit; -} - -row.expander list.nested { - background-color: #2C2C2C; - color: inherit; -} - -row.expander image.expander-row-arrow { - transition: 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:checked image.expander-row-arrow { - -gtk-icon-transform: rotate(0turn); -} - -row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { - -gtk-icon-transform: rotate(0.5turn); -} - -row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { - -gtk-icon-transform: rotate(-0.5turn); -} - -row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #3281EA; -} - -.osd row.expander:checked image.expander-row-arrow:not(:disabled) { - color: inherit; -} - -row.expander image.expander-row-arrow:disabled { - filter: opacity(0.35); -} - -/***************** - * Boxed Lists * - *****************/ -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: 11px; - border-top-right-radius: 11px; -} - -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.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-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, -list.boxed-list > row:only-child, -list.boxed-list > row:only-child.expander:not(:checked), -list.boxed-list > row:only-child.expander:not(:checked) row.header, -list.boxed-list > row:only-child.expander:checked list.nested, -list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { - border-bottom-left-radius: 11px; - border-bottom-right-radius: 11px; - border-bottom-width: 0; -} - -/********************* - * App Notifications * - *********************/ -.app-notification { - margin: 8px; - border-spacing: 9px; - padding: 9px; - border: none; -} - -.app-notification button.text-button:not(:disabled) { - color: #3281EA; -} - -.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(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: white; -} - -expander:disabled { - color: rgba(255, 255, 255, 0.3); -} - -expander-widget > box > title { - border-radius: 12px; -} - -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: 12px; - color: white; -} - -calendar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -calendar:selected { - border-radius: 12px; -} - -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: 9999px; - margin: 0; -} - -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.other-month { - color: alpha(currentColor, 0.3); -} - -/*********** - * Dialogs * - ***********/ -window.dialog.message.background { - background-color: #3C3C3C; - background-image: none; -} - -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(255, 255, 255, 0.1); - background-color: #3C3C3C; - color: white; -} - -window.dialog.message .titlebar:backdrop { - background-color: #3C3C3C; - color: rgba(255, 255, 255, 0.7); -} - -window.dialog.message.csd .dialog-action-area { - padding: 6px; - border: none; - box-shadow: none; -} - -window.dialog.message.csd .dialog-action-area > button { - border: none; - box-shadow: none; -} - -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: 9999px; -} - -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: #3281EA; -} - -window.dialog.message.csd .dialog-action-area > button.destructive-action:not(:disabled) { - color: #F44336; -} - -window.messagedialog .message-area separator { - background-color: transparent; - min-height: 0; -} - -window.messagedialog .response-area { - padding: 6px; - box-shadow: none; - border: none; -} - -window.messagedialog .response-area button { - border: none; - box-shadow: none; - border-radius: 9999px; -} - -window.messagedialog .response-area button:not(:last-child) { - margin-right: 6px; -} - -window.messagedialog .response-area button.suggested:not(:disabled) { - color: #3281EA; -} - -window.messagedialog .response-area button.destructive:not(:disabled) { - color: #F44336; -} - -window.messagedialog .response-area separator { - background-color: transparent; - min-width: 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: #212121; -} - -filechooser stack.view frame > border { - border: none; -} - -filechooserbutton > button > box { - border-spacing: 6px; -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -window.aboutdialog stack scrolledwindow.frame, window.aboutdialog stack scrolledwindow.frame > .view, window.aboutdialog stack scrolledwindow.frame > .view > text { - border-radius: 12px; -} - -window.aboutdialog .large-icons { - -gtk-icon-size: 128px; -} - -window.about.background.csd headerbar { - color: rgba(255, 255, 255, 0.7); -} - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: none; - background-color: #242424; -} - -.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; -} - -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 { - padding: 6px; - background-color: #242424; -} - -stacksidebar row { - min-height: 24px; - padding: 6px 9px; - 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.15); -} - -separator.sidebar.spacer { - background-color: transparent; -} - -/********************** - * Navigation Sidebar * - **********************/ -.navigation-sidebar { - padding: 6px 0; - border-right: none; -} - -.navigation-sidebar > row { - min-height: 24px; - padding: 6px 9px; - border-radius: 0 9999px 9999px 0; - margin: 0 6px 0 0; -} - -.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { - background-color: alpha(currentColor, 0.08); -} - -.navigation-sidebar > row:selected { - background-color: alpha(currentColor, 0.1); - color: #3281EA; -} - -.navigation-sidebar > row:selected label, .navigation-sidebar > row:selected image { - color: #3281EA; -} - -.navigation-sidebar > row:selected:hover { - background-color: alpha(currentColor, 0.16); -} - -.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(255, 255, 255, 0.5); -} - -.navigation-sidebar > separator { - margin: 6px 0; -} - -/**************** - * 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.3); -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar .navigation-sidebar { - padding: 6px 0; -} - -placessidebar .navigation-sidebar > row { - min-height: 32px; - margin: 0 4px 0 0; - padding: 3px; - border-radius: 0 9999px 9999px 0; -} - -placessidebar .navigation-sidebar > row > revealer { - padding: 0 8px 0 16px; -} - -placessidebar .navigation-sidebar > row:selected { - background-color: alpha(currentColor, 0.1); - color: #3281EA; - font-weight: 500; -} - -placessidebar .navigation-sidebar > row:selected image.sidebar-icon { - color: #3281EA; -} - -placessidebar .navigation-sidebar > row:disabled { - color: rgba(255, 255, 255, 0.5); -} - -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: #3281EA; -} - -placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { - color: #3281EA; -} - -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-style: none; - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; - background-clip: content-box; - box-shadow: none; -} - -paned > separator.wide { - min-width: 6px; - min-height: 6px; - background-color: #212121; - 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; -} - -/************ - * GtkVideo * - ************/ -video { - background: black; - border-radius: 12px; -} - -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, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { - color: white; - background-color: #2C2C2C; -} - -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: #3281EA; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3281EA; - color: white; -} - -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: white; -} - -infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { - color: white; -} - -infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #1b73e8; -} - -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: white; -} - -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: white; -} - -infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { - color: white; -} - -infobar.error:hover > revealer > box { - background-color: #f32c1e; -} - -/************ - * Tooltips * - ************/ -tooltip { - padding: 6px 12px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(25, 25, 25, 0.9); - color: white; - 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; - border: none; -} - -tooltip > box { - border-spacing: 6px; -} - -/***************** - * Color Chooser * - *****************/ -colorswatch.top { - border-top-left-radius: 11px; - border-top-right-radius: 11px; -} - -colorswatch.top overlay { - border-top-left-radius: 11px; - border-top-right-radius: 11px; -} - -colorswatch.bottom { - border-bottom-left-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 11px; - border-bottom-left-radius: 11px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 11px; - border-bottom-left-radius: 11px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.dark { - color: white; -} - -colorswatch.light { - color: rgba(0, 0, 0, 0.87); -} - -colorswatch#add-color-button { - border-radius: 11px 11px 0 0; - color: white; -} - -colorswatch#add-color-button:only-child { - border-radius: 11px; -} - -colorswatch#add-color-button overlay { - background-color: #3C3C3C; -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - box-shadow: none; -} - -colorswatch#editor-color-sample { - border-radius: 11px; -} - -colorswatch#editor-color-sample overlay { - border-radius: 11px; -} - -colorchooser .popover.osd { - 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -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(255, 255, 255, 0.1); -} - -/******** - * Misc * - ********/ -.content-view { - background-color: #212121; -} - -/********************** - * Window Decorations * - **********************/ -window { - outline: none; - padding: 0; - margin: 0; -} - -window.csd { - border-radius: 18px; - 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), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); -} - -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; -} - -window.csd.background { - background-color: transparent; - background-image: linear-gradient(to bottom, #2C2C2C, #2C2C2C 48px, #212121 48px, #212121); -} - -window.csd:backdrop { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - 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 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.csd:backdrop.background { - background-color: transparent; - background-image: linear-gradient(to bottom, #2C2C2C, #2C2C2C 48px, #212121 48px, #212121); -} - -window.csd.messagedialog { - background-color: #3C3C3C; - background-image: 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), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.csd.messagedialog:backdrop { - background-color: #212121; - background-image: 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 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.csd.about.background, window.csd.about.background:backdrop, window.csd.info.background, window.csd.info.background:backdrop { - background-color: #212121; - background-image: none; -} - -window.ssd { - box-shadow: none; -} - -window.solid-csd { - margin: 0; - padding: 2px; - border-radius: 0; - box-shadow: none; - background-color: #2C2C2C; -} - -window.solid-csd:backdrop { - background-color: #2C2C2C; -} - -gridview > child:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected { - background-color: alpha(currentColor, 0.06); -} - -.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected { - color: #3281EA; - background-color: rgba(50, 129, 234, 0.2); -} - -textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected { - color: white; - background-color: #3281EA; -} - -.monospace { - font-family: monospace; -} - -.numeric { - font-feature-settings: "tnum"; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: #3281EA; - -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: 8px; - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); - background-color: #3C3C3C; - background-clip: border-box; - color: white; - font-size: smaller; -} - -:not(decoration):not(window):drop(active) { - caret-color: #3281EA; -} - -stackswitcher { - min-height: 0; - padding: 0; - border-radius: 9999px; - background-color: alpha(currentColor, 0.05); -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - margin: 0 0; - border-radius: 9999px; -} - -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):checked { - background-color: #3281EA; - color: white; -} - -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(255, 255, 255, 0.12); - background: none; -} - -.emoji-searchbar entry { - margin: 0; -} - -.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; - box-shadow: none; -} - -button.emoji-section { - margin: 0; - padding: 6px; - border-radius: 9px; -} - -button.emoji-section:checked { - color: #3281EA; -} - -popover.emoji-picker emoji { - font-size: x-large; - padding: 6px; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; -} - -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: white; -} - -popover.entry-completion > contents { - padding: 0; -} - -.nautilus-window.background.csd { - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window.background.csd, .nautilus-window.background.csd:backdrop { - background-image: none; - background-color: #2C2C2C; -} - -.nautilus-window headerbar { - background-color: transparent; - box-shadow: none; -} - -.nautilus-window flap > separator { - background: none; - min-width: 0; -} - -.nautilus-window flap.unfolded > placessidebar { - background-color: transparent; - border-radius: 18px; - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow { - margin: 0 0 12px 12px; - border-radius: 12px; - background-color: rgba(50, 129, 234, 0.08); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.top { - border-radius: 12px 12px 0 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.bottom { - border-radius: 0 0 12px 12px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { - padding: 16px 0 16px 0; - background: none; - border-radius: 12px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > separator { - background: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable { - border-radius: 0; - padding: 0; - margin: -8px 0 -8px 0; - animation: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer { - padding-left: 12px; - padding-right: 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer > box { - padding-right: 18px; - padding-left: 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:active { - background: none; - box-shadow: none; - animation: none; -} - -.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 { - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon { - padding-right: 6px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label { - color: inherit; - min-height: 54px; - padding-left: 6px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable.sidebar-placeholder-row { - background-color: transparent; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) { - border-radius: 0; - border-radius: 9999px 0 0 9999px; - background-color: rgba(245, 124, 0, 0.1); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active), .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) label.sidebar-label { - color: #F57C00; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover label.sidebar-label { - color: #3281EA; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected { - background-color: transparent; - font-weight: 700; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon { - color: #3281EA; -} - -.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 { - color: #3281EA; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #3281EA; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { - color: #3281EA; - background-color: #2C2C2C; - border-image-width: 10px 10px 10px 46px; - border-image-slice: 10 10 10 46; - border-image-repeat: stretch; - border-image-source: -gtk-scaled(url("assets/row-selected-dark.png"), url("assets/row-selected-dark@2.png")); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { - padding-left: 14px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #3281EA; -} - -.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(255, 255, 255, 0.3); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar { - margin: 3px 3px 3px 0; - background: none; - border: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though { - background: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though > slider { - border: none; -} - -.nautilus-window tabbar .box { - padding: 0 12px; - background-color: transparent; - box-shadow: inset 0 -1px #404040; -} - -.nautilus-window tabbar tab { - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window tabbar tab:hover:not(:selected):not(:active):not(:checked) { - color: white; - background-color: rgba(255, 255, 255, 0.05); -} - -.nautilus-window tabbar tab:active, .nautilus-window tabbar tab:checked, .nautilus-window tabbar tab:selected { - color: white; -} - -.nautilus-window tabbar tab:active:disabled, .nautilus-window tabbar tab:checked:disabled, .nautilus-window tabbar tab:selected:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.nautilus-window tabbar tab:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.nautilus-window placesview label { - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placesview label:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.nautilus-window infobar { - margin: 3px; -} - -.nautilus-window infobar > revealer > box { - border-radius: 6px; -} - -.nautilus-window label.search-information { - margin: 3px; - border-radius: 6px; -} - -.nautilus-window .floating-bar { - min-height: 24px; - padding: 2px; - margin: 6px; - border: none; - border-radius: 9999px; - background-color: rgba(33, 33, 33, 0.95); - box-shadow: none; -} - -.nautilus-window .floating-bar button { - margin: 4px; -} - -#NautilusViewCell clamp box { - margin: 0; - border-spacing: 0; -} - -#NautilusQueryEditor { - border-radius: 9999px; - color: rgba(255, 255, 255, 0.7); - padding: 0 4px 0 8px; -} - -#NautilusQueryEditor:focus-within { - color: white; -} - -#NautilusQueryEditor:disabled { - color: rgba(255, 255, 255, 0.3); -} - -#NautilusQueryEditor > menubutton > button.image-button { - min-width: 28px; - min-height: 28px; - margin: 4px 0; - padding: 0; -} - -#NautilusQueryEditor > text { - margin: 0; -} - -#NautilusPathBar { - background-color: rgba(255, 255, 255, 0.04); - border-radius: 9999px; - margin: 6px 0; -} - -#NautilusPathBar #NautilusPathButton { - margin: 0 3px; - border-radius: 9999px; -} - -#NautilusPathBar #NautilusPathButton.current-dir { - color: white; -} - -#NautilusPathBar #NautilusPathButton.current-dir:hover, #NautilusPathBar #NautilusPathButton.current-dir:active { - background: none; - box-shadow: none; -} - -#NautilusPathBar #NautilusPathButton:first-child { - margin-left: 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; -} - -leaflet { - background-color: transparent; -} - -leaflet stack.background { - background-color: transparent; -} - -leaflet > box > scrolledwindow > viewport > widget > stack { - background-color: #2C2C2C; -} - -.history-view { - background-color: #2C2C2C; -} - -#displayitem { - border-top: 1px solid rgba(255, 255, 255, 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(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); -} - -leaflet button.clear-button.image-button { - border-radius: 12px; -} - -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: 12px; -} - -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 12px 12px 0; -} - -app-context-bar > box:first-child > button.flat { - border-radius: 0; -} - -app-context-bar > box:first-child > button.flat:first-child { - border-radius: 12px 0 0 12px; -} - -app-context-bar > box > button.flat { - border-left-color: rgba(255, 255, 255, 0.12); -} - -carousel.card { - border: none; -} - -.context-tile-lozenge { - min-height: 28px; - min-width: 28px; - padding: 6px; - margin: 6px; -} - -.context-tile-lozenge.grey { - color: white; - background-color: rgba(255, 255, 255, 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: #1A73E8; - background-color: rgba(26, 115, 232, 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: #F57C00; - background-color: rgba(245, 124, 0, 0.15); -} - -.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { - color: #d2190b; - background-color: rgba(244, 67, 54, 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: white; -} - -.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: white; -} - -.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: white; -} - -.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(255, 255, 255, 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(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; -} - -.category-tile.category-work:hover { - 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); -} - -.category-tile.category-work:active { - 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); -} - -.polari-room-list .sidebar { - background: none; -} - -.polari-room-list .sidebar > row.activatable:selected { - background-color: #3281EA; - color: white; -} - -.polari-room-list popover.background > arrow, -.polari-room-list popover.background > contents { - padding: 0; -} - -window.org-gnome-Builder 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: 6px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -panelframetabbar { - border-bottom: none; -} - -.frameheader.header { - min-height: 24px; - background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -.frameheader.header tabbar.inline > revealer > box .end-action menubutton > button { - margin: 3px; - min-height: 24px; - min-width: 24px; - padding: 6px; - border-radius: 12px; -} - -.frameheader.header tabbar.inline > revealer > box tabbox { - border: none; - background: none; -} - -panelstatusbar { - background-color: #212121; -} - -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: 12px; - 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: #3281EA; -} - -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; -} - -button.colorpad { - padding: 0px; - margin: 0px; - background-blend-mode: screen; - background-image: linear-gradient(45deg, #0f0f0f55 25%, transparent 25%, transparent 75%, #0f0f0f55 75%, #0f0f0f55), linear-gradient(45deg, #0f0f0f55 25%, transparent 25%, transparent 75%, #0f0f0f55 75%, #0f0f0f55); - background-color: @colorpad_color; - color: @colorpad_fg_color; - background-size: 18px 18px; - background-position: 0px 0px, 9px 9px; -} - -button.colorpad:hover { - filter: brightness(93%); -} - -button.colorpad:active { - filter: brightness(86%); -} - -button.colorpad:checked { - filter: brightness(100%); -} - -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; -} - -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, button.suggested-action, button.destructive-action, button.opaque { - box-shadow: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); -} - -.osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { - outline: none; -} - -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, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { - background-image: image(alpha(currentColor, 0.1)); -} - -splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, 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, button.suggested-action:active, button.destructive-action:active, button.opaque:active { - background-image: image(rgba(0, 0, 0, 0.2)); -} - -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, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { - background-image: image(rgba(0, 0, 0, 0.15)); -} - -splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { - background-image: image(rgba(0, 0, 0, 0.05)); -} - -splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { - background-image: image(rgba(0, 0, 0, 0.3)); -} - -button.opaque { - background-color: #4c4c4c; - color: white; -} - -button.destructive-action { - color: white; -} - -button.destructive-action, button.destructive-action:checked { - background-color: #F44336; -} - -button.suggested-action { - color: white; -} - -button.suggested-action, button.suggested-action:checked { - background-color: #3281EA; -} - -button.font separator { - background-color: transparent; -} - -button.font > box { - border-spacing: 6px; -} - -button.font > box > box > label { - font-weight: bold; -} - -menubutton.pill > button, button.pill { - padding: 10px 32px; - border-radius: 9999px; -} - -button.card { - background-clip: padding-box; - font-weight: inherit; - box-shadow: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); -} - -button.card:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -button.card.keyboard-activating, button.card: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: 100% 100%; -} - -button.card: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; - 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: 100% 100%; -} - -button.card:drop(active) { - color: #F57C00; - box-shadow: inset 0 0 0 1px #F57C00; -} - -menubutton.osd { - background: none; - color: inherit; -} - -menubutton.suggested-action { - background-color: #3281EA; - color: white; -} - -menubutton.destructive-action { - background-color: #F44336; - color: white; -} - -menubutton.opaque { - background-color: #4c4c4c; - color: white; -} - -menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { - border-radius: 12px; -} - -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: 12px; -} - -splitbutton:disabled { - filter: none; - opacity: 1; -} - -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: 6px; - padding-right: 6px; -} - -splitbutton.image-button > button { - min-height: 24px; - min-width: 24px; - padding: 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: 0; -} - -splitbutton > button:dir(rtl), -splitbutton > menubutton > button:dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - margin-left: 0; -} - -splitbutton.flat > separator { - background: rgba(255, 255, 255, 0.12); -} - -splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { - background: alpha(currentColor, 0.1); - color: white; -} - -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: 12px; -} - -splitbutton.suggested-action { - background-color: #3281EA; - color: white; -} - -splitbutton.destructive-action { - background-color: #F44336; - color: white; -} - -splitbutton.opaque { - background-color: #4c4c4c; - color: white; -} - -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; -} - -toast { - margin: 12px; - margin-bottom: 24px; - border-radius: 9999px; - border-spacing: 6px; - padding: 6px; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.7); - font-weight: normal; -} - -toast:dir(ltr) { - padding-left: 12px; -} - -toast:dir(rtl) { - padding-right: 12px; -} - -toast > widget { - margin: 0 6px; -} - -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.45); -} - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { - opacity: 0.45; -} - -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; -} - -list.content, -list.boxed-list, .card { - border-radius: 12px; - box-shadow: none; - border: 1px solid rgba(255, 255, 255, 0.12); - background-clip: padding-box; - background-color: #2C2C2C; - color: rgba(255, 255, 255, 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: 36px; -} - -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: #3281EA; -} - -viewswitcher { - margin: 0; -} - -viewswitcher.wide { - border-spacing: 3px; - border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.04); - margin-top: 6px; - margin-bottom: 6px; -} - -viewswitcher.wide button.toggle:checked, viewswitcher.wide button.toggle.flat:checked { - background-color: #3281EA; - color: white; -} - -viewswitcher.wide button.toggle:checked:backdrop, viewswitcher.wide button.toggle.flat:checked:backdrop { - color: rgba(255, 255, 255, 0.5); -} - -viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator { - background-color: white; -} - -viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator > label { - color: #3281EA; -} - -viewswitcher.narrow button.toggle { - border-radius: 0; - margin: 0; - border: 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: white; -} - -indicatorbin > mask { - padding: 1px; - background: black; -} - -indicatorbin.needs-attention > indicator { - background-color: #3281EA; -} - -indicatorbin.needs-attention > indicator > label { - color: white; -} - -tabbar .box { - min-height: 28px; - background-color: #212121; - color: rgba(255, 255, 255, 0.7); - padding: 0; - box-shadow: inset 0 -1px #404040; - border-bottom: none; -} - -tabbar tabbox > tabboxchild { - border-radius: 0; - margin: 0; - padding-top: 4px; -} - -tabbar tabbox > separator { - margin-top: 9px; - margin-bottom: 9px; - transition: opacity 150ms ease-in-out; -} - -tabbar tabbox > separator.hidden { - opacity: 0; -} - -tabbar tabbox > revealer > indicator { - min-width: 2px; - border-radius: 2px; - margin: 9px 6px; - background: alpha(#3281EA, 0.5); -} - -tabbar tab { - transition: none; - border-radius: 12px 12px 0 0; - border: 1px solid transparent; - border-bottom-width: 0; - color: rgba(255, 255, 255, 0.7); - padding: 6px 12px; -} - -tabbar tab:hover:not(:selected):not(:active):not(:checked) { - transition: none; - background-color: #404040; - box-shadow: none; - color: white; - border-color: #404040; - border-radius: 12px 12px 0 0; -} - -tabbar tab:selected, tabbar tab:checked, tabbar tab:active { - transition: background-color 150ms ease-in-out; - background-color: #2C2C2C; - box-shadow: none; - color: white; - border-color: #404040; - border-radius: 12px 12px 0 0; -} - -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; -} - -tabview > stack { - background-color: #2C2C2C; -} - -dnd tab { - background-color: #212121; - color: rgba(255, 255, 255, 0.7); - box-shadow: none; - margin: 24px; -} - -tabbar tab button.image-button, -dnd tab button.image-button { - padding: 0; - margin: 0; - min-width: 20px; - min-height: 20px; - border-radius: 9999px; - border: none; -} - -tabbar tab indicator, -dnd tab indicator { - min-height: 2px; - border-radius: 2px; - background: alpha(#3281EA, 0.5); -} - -tabview:drop(active), -tabbox:drop(active) { - box-shadow: none; -} - -.unfolded stacksidebar.sidebar { - border: none; -} - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color white; -/* -text color for entries, views and content in general */ -@define-color theme_text_color white; -/* -widget base background color */ -@define-color theme_bg_color #212121; -/* -text widgets and the like base background color */ -@define-color theme_base_color #2C2C2C; -/* -base background color of selections */ -@define-color theme_selected_bg_color #3281EA; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color white; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #212121; -/* -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 #242424; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color white; -/* -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 #212121; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #2C2C2C; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #3281EA; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color white; -/* -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 #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 white; -@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); -@define-color wm_highlight rgba(255, 255, 255, 0.1); -@define-color wm_bg #2C2C2C; -@define-color wm_unfocused_bg #2C2C2C; -/* -FIXME this is really an API */ -@define-color content_view_bg #2C2C2C; -@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 rgba(255, 255, 255, 0.7); -@define-color budgie_tasklist_indicator_color_active #3281EA; -@define-color budgie_tasklist_indicator_color_active_window rgba(44, 93, 160, 0.8075); -@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 #3281EA; -@define-color accent_fg_color white; -@define-color accent_color #3281EA; -@define-color destructive_bg_color #F44336; -@define-color destructive_fg_color white; -@define-color destructive_color #F44336; -@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 #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 white; -@define-color error_color #F44336; -@define-color window_bg_color #212121; -@define-color window_fg_color white; -@define-color view_bg_color #2C2C2C; -@define-color view_fg_color white; -@define-color headerbar_bg_color #2C2C2C; -@define-color headerbar_fg_color white; -@define-color headerbar_border_color rgba(255, 255, 255, 0.12); -@define-color headerbar_backdrop_color #2C2C2C; -@define-color headerbar_shade_color rgba(255, 255, 255, 0.12); -@define-color card_bg_color #2C2C2C; -@define-color card_fg_color white; -@define-color card_shade_color rgba(255, 255, 255, 0.12); -@define-color dialog_bg_color #242424; -@define-color dialog_fg_color white; -@define-color popover_bg_color #3C3C3C; -@define-color popover_fg_color white; -@define-color shade_color rgba(255, 255, 255, 0.12); -@define-color scrollbar_outline_color rgba(255, 255, 255, 0.12); diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk.css b/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk.css deleted file mode 100644 index 4347965..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk.css +++ /dev/null @@ -1,6368 +0,0 @@ -@keyframes ripple { - from { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 30%, transparent 0%); - } - to { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 100%, transparent 0%); - } -} - -@keyframes ripple-on-slider { - from { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 0%, transparent 0%); - } - to { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 100%, transparent 0%); - } -} - -@keyframes ripple-on-headerbar { - from { - background-image: radial-gradient(circle farthest-corner at center, #3281EA 30%, transparent 0%); - } - to { - background-image: radial-gradient(circle farthest-corner at center, #3281EA 100%, transparent 0%); - } -} - -/*************** - * Base States * - ***************/ -.background { - background-color: #212121; - color: white; -} - -dnd { - color: white; -} - -.normal-icons { - -gtk-icon-size: 16px; -} - -.large-icons { - -gtk-icon-size: 32px; -} - -.lowres-icon:not(.large-icons) { - -gtk-icon-size: 16px; -} - -.symbolic-circular { - background-color: rgba(255, 255, 255, 0.04); - border-radius: 9999px; - padding: 0; - min-height: 32px; - min-width: 32px; -} - -spinner:disabled, -arrow:disabled, -scrollbar:disabled, -check:disabled, -radio:disabled, -treeview.expander:disabled { - -gtk-icon-filter: opacity(0.5); -} - -iconview, .view { - background-color: #2C2C2C; - color: white; -} - -iconview:disabled, .view:disabled { - color: rgba(255, 255, 255, 0.5); -} - -textview text { - background-color: #2C2C2C; -} - -textview border { - background-color: #242424; - color: rgba(255, 255, 255, 0.7); -} - -iconview:hover, iconview:selected { - border-radius: 6px; -} - -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 #3281EA; - background-color: rgba(50, 129, 234, 0.3); -} - -flowbox > flowboxchild { - padding: 4px; - border-radius: 12px; -} - -flowbox > flowboxchild button.remove-button.osd { - min-height: 24px; - min-width: 24px; - padding: 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: white; - background-color: #2C2C2C; - border: 1px solid black; -} - -label.separator { - color: rgba(255, 255, 255, 0.7); -} - -label:disabled { - opacity: 1; - filter: none; - color: rgba(255, 255, 255, 0.5); -} - -headerbar label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} - -label.osd { - border-radius: 12px; - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -.dim-label, row.expander:not(:checked) image.expander-row-arrow, row label.subtitle { - color: rgba(255, 255, 255, 0.7); -} - -.accent { - color: #3281EA; -} - -.success { - color: #81C995; -} - -.warning { - color: #FBC02D; -} - -.error { - color: #F44336; -} - -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: white; -} - -toast, .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; - background-color: #2C2C2C; - background-clip: padding-box; - border-radius: 12px; - border: none; -} - -.osd { - padding: 6px; - margin: 6px; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 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 * - ****************/ -headerbar popover.background entry, entry { - caret-color: currentColor; - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -headerbar popover.background entry:focus-within, entry:focus-within { - background-color: rgba(255, 255, 255, 0.04); - color: white; - outline-color: #3281EA; - outline-width: 2px; - outline-offset: -2px; -} - -headerbar popover.background entry:drop(active), entry:drop(active) { - background-color: alpha(currentColor, 0.08); - color: white; - outline: 2px solid alpha(currentColor, 0.08); - outline-offset: -2px; -} - -headerbar popover.background entry:disabled, entry:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(255, 255, 255, 0.5); - outline: none; - filter: none; - opacity: 1; -} - -headerbar popover.background entry:disabled > label, entry:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -headerbar popover.background entry image, entry image { - color: rgba(255, 255, 255, 0.7); -} - -headerbar popover.background entry image:hover, entry image:hover, headerbar popover.background entry image:active, entry image:active { - color: white; -} - -headerbar popover.background entry image:disabled, entry image:disabled { - color: rgba(255, 255, 255, 0.5); -} - -entry { - min-height: 36px; - padding: 0 8px; - border-spacing: 6px; - border-radius: 12px; -} - -entry.flat { - min-height: 0; - padding: 2px; - border-radius: 0; - background-color: transparent; -} - -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(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 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.error { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(244, 67, 54, 0.08); - color: #F44336; -} - -entry.error image { - color: #F44336; -} - -entry.error selection { - color: white; - background-color: #F44336; -} - -entry.error:focus-within { - background-color: rgba(244, 67, 54, 0.08); - color: #F44336; - outline-color: #F44336; - outline-width: 2px; - outline-offset: -2px; -} - -entry.error:disabled { - background-color: rgba(244, 67, 54, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(244, 67, 54, 0.35); - outline: none; - filter: none; - opacity: 1; -} - -entry.error:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -entry.success { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(129, 201, 149, 0.08); - color: #81C995; -} - -entry.success image { - color: #81C995; -} - -entry.success selection { - color: rgba(0, 0, 0, 0.87); - background-color: #81C995; -} - -entry.success:focus-within { - background-color: rgba(129, 201, 149, 0.08); - color: #81C995; - outline-color: #81C995; - outline-width: 2px; - outline-offset: -2px; -} - -entry.success:disabled { - background-color: rgba(129, 201, 149, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(129, 201, 149, 0.35); - outline: none; - filter: none; - opacity: 1; -} - -entry.success:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -entry.warning { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(251, 192, 45, 0.08); - color: #FBC02D; -} - -entry.warning image { - color: #FBC02D; -} - -entry.warning selection { - color: rgba(0, 0, 0, 0.87); - background-color: #FBC02D; -} - -entry.warning:focus-within { - background-color: rgba(251, 192, 45, 0.08); - color: #FBC02D; - outline-color: #FBC02D; - outline-width: 2px; - outline-offset: -2px; -} - -entry.warning:disabled { - background-color: rgba(251, 192, 45, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(251, 192, 45, 0.35); - outline: none; - filter: none; - opacity: 1; -} - -entry.warning:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -entry > progress, -entry progress > trough > progress { - margin: 2px -8px; - border-bottom: 2px solid #3281EA; - background-color: transparent; -} - -treeview entry.flat, treeview entry { - background-color: #2C2C2C; -} - -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.15); - color: white; -} - -.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: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -/*********** - * Buttons * - ***********/ -@keyframes needs-attention { - from { - background-image: radial-gradient(farthest-side, #3281EA 0%, rgba(50, 129, 234, 0) 0%); - } - to { - background-image: radial-gradient(farthest-side, #3281EA 95%, rgba(50, 129, 234, 0)); - } -} - -.nautilus-window tabbar tab > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button, 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(255, 255, 255, 0.7); -} - -.nautilus-window tabbar tab > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button: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), .nautilus-window tabbar tab > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button: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), .nautilus-window tabbar tab > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button: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), .nautilus-window tabbar tab > button.flat:checked, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button: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: white; -} - -.nautilus-window tabbar tab > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button: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(255, 255, 255, 0.3); -} - -.nautilus-window tabbar tab > button.flat:checked:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-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(255, 255, 255, 0.5); -} - -headerbar popover.background button:not(.suggested-action):not(.destructive-action), button { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - outline: none; - box-shadow: inset 0 0 0 9999px transparent; - background-color: rgba(255, 255, 255, 0.04); - background-image: radial-gradient(circle, transparent 0%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; - color: white; -} - -headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action), button:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent; -} - -headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action), button:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -headerbar popover.background 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: 100% 100%; -} - -headerbar popover.background 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); - filter: none; - opacity: 1; -} - -headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action), button:checked { - box-shadow: none; - background-color: #3281EA; - color: white; -} - -headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover { - box-shadow: inset 0 0 0 9999px transparent; -} - -headerbar popover.background 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); -} - -button { - min-height: 24px; - min-width: 16px; - padding: 6px 10px; - border-radius: 12px; - font-weight: 500; -} - -button:drop(active) { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -.nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check, -radio, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton, spinbutton:not(.vertical) > button, spinbutton.vertical > button, tabbar tab button.image-button, -dnd tab button.image-button, splitbutton.flat > button, -splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar popover.background button.flat:not(.suggested-action):not(.destructive-action), 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), button.flat { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - outline: none; - box-shadow: inset 0 0 0 9999px transparent; - background-color: transparent; - background-image: radial-gradient(circle, transparent 0%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus, -radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton:focus, spinbutton:not(.vertical) > button:focus, spinbutton.vertical > button:focus, tabbar tab button.image-button:focus, -dnd tab button.image-button:focus, splitbutton.flat > button:focus, -splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.messagedialog .response-area button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar popover.background button.flat:focus:not(.suggested-action):not(.destructive-action), 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), button.flat:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: white; -} - -.nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover, -radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton:hover, spinbutton:not(.vertical) > button:hover, spinbutton.vertical > button:hover, tabbar tab button.image-button:hover, -dnd tab button.image-button:hover, splitbutton.flat > button:hover, -splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar popover.background button.flat:hover:not(.suggested-action):not(.destructive-action), 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), button.flat:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: white; -} - -.nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active, -radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton:active, spinbutton:not(.vertical) > button:active, spinbutton.vertical > button:active, tabbar tab button.image-button:active, -dnd tab button.image-button:active, splitbutton.flat > button:active, -splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar popover.background button.flat:active:not(.suggested-action):not(.destructive-action), 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), button.flat: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: 100% 100%; - color: white; -} - -.nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled, -radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton:disabled, spinbutton:not(.vertical) > button:disabled, spinbutton.vertical > button:disabled, tabbar tab button.image-button:disabled, -dnd tab button.image-button:disabled, splitbutton.flat > button:disabled, -splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar popover.background button.flat:disabled:not(.suggested-action):not(.destructive-action), 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), button.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); -} - -tabbar tab button.image-button:checked, -dnd tab button.image-button:checked, splitbutton.flat > button:checked, -splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar popover.background button.flat:checked:not(.suggested-action):not(.destructive-action), 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), button.flat:checked, button.flat:checked:hover { - background-color: alpha(currentColor, 0.1); - color: white; -} - -tabbar tab button.image-button:checked:disabled, -dnd tab button.image-button:checked:disabled, splitbutton.flat > button:checked:disabled, -splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar popover.background button.flat:checked:disabled:not(.suggested-action):not(.destructive-action), 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), 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.text-button.flat { - min-width: 48px; - padding-left: 8px; - padding-right: 8px; -} - -button.image-button { - min-width: 24px; - padding: 6px; -} - -button.text-button.image-button { - min-width: 24px; - padding: 6px; - border-radius: 12px; -} - -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: 12px; -} - -.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -.linked:not(.vertical) > menubutton:first-child > button { - border-radius: 12px 0 0 12px; -} - -.linked:not(.vertical) > menubutton:last-child > button { - border-radius: 0 12px 12px 0; -} - -button.osd { - box-shadow: none; - padding: 12px 16px; - background-color: #2C2C2C; - border: 1px solid rgba(255, 255, 255, 0.12); - background-clip: padding-box; -} - -button.osd:hover { - background-color: #414141; -} - -button.osd:active { - background-color: #565656; -} - -button.osd.image-button { - padding: 12px; -} - -button.osd:disabled { - opacity: 0; -} - -button.suggested-action { - background-color: #3281EA; - color: white; - 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); - filter: none; - opacity: 1; -} - -button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(50, 129, 234, 0.2), 0 4px 3px 0 rgba(50, 129, 234, 0.14), 0 1px 6px 0 rgba(50, 129, 234, 0.12); -} - -button.suggested-action:checked { - background-color: #70a7f0; -} - -button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(50, 129, 234, 0.3), 0 2px 3px -1px rgba(50, 129, 234, 0.24), 0 2px 5px 0 rgba(50, 129, 234, 0.12); -} - -button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(50, 129, 234, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: #3281EA; -} - -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); -} - -button.suggested-action.flat:checked { - background-color: rgba(50, 129, 234, 0.3); -} - -button.destructive-action { - background-color: #F44336; - color: white; - 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); - filter: none; - opacity: 1; -} - -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.3); -} - -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; -} - -menubutton.circular > button, filechooser #pathbarbox > stack > box > button, check, -radio, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action), button.image-button, button.close, button.circular { - border-radius: 9999px; -} - -menubutton.circular > button label, filechooser #pathbarbox > stack > box > button label, check label, -radio label, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) label, button.image-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:not(.vertical) > button, spinbutton.vertical > button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 9999px; -} - -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: 12px; - border-bottom-left-radius: 12px; -} - -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { - border-top-right-radius: 12px; - border-bottom-right-radius: 12px; -} - -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { - border-radius: 12px; -} - -.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: 12px; - border-top-right-radius: 12px; -} - -.linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -.linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 12px; -} - -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 { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - - -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; - 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: 100% 100%; -} - - -list > row button.image-button:not(.flat).suggested-action { - background-color: #3281EA; - color: white; -} - - -list > row button.image-button:not(.flat).destructive-action { - background-color: #F44336; - color: white; -} - -/********* - * Links * - *********/ -link { - color: #3281EA; -} - -link:visited { - color: #BA68C8; -} - -button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #3281EA; -} - -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), spinbutton.vertical { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; - border-radius: 12px; - padding: 0; - border-spacing: 0; -} - -spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within { - background-color: rgba(255, 255, 255, 0.04); - color: white; - outline-color: #3281EA; - outline-width: 2px; - outline-offset: -2px; -} - -spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(255, 255, 255, 0.5); - outline: none; - filter: none; - opacity: 1; -} - -spinbutton:not(.vertical):disabled > label, spinbutton.vertical:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -spinbutton:not(.vertical) > text, spinbutton.vertical > text { - margin: 0; - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; -} - -spinbutton:not(.vertical) > button, spinbutton.vertical > button { - padding: 0; - border: 6px solid transparent; -} - -spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled), spinbutton.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) > text { - min-width: 32px; - padding-left: 12px; -} - -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:disabled { - color: rgba(255, 255, 255, 0.5); -} - -spinbutton.vertical > text { - min-height: 36px; - min-width: 42px; - padding: 0; -} - -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, -combobox > popover.menu { - margin-top: 6px; - padding: 0; -} - -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.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: 12px; -} - -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: 12px; -} - -.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: 12px; - font-weight: normal; - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -button.combo:only-child:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: white; -} - -button.combo:only-child:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: white; -} - -button.combo:only-child: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: 100% 100%; - color: white; -} - -button.combo:only-child:checked { - background-color: alpha(currentColor, 0.1); - color: white; -} - -button.combo:only-child:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - filter: none; - opacity: 1; -} - -.app-notification, .toolbar.osd, -toolbar.osd { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - padding: 6px; - 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(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.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(255, 255, 255, 0.1); -} - -/************ - * Toolbars * - ************/ -.toolbar, -toolbar { - padding: 3px 6px; - background-color: #212121; - border-spacing: 6px; -} - -.osd .toolbar, .osd toolbar { - background-color: transparent; -} - -.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, -toolbar.osd.left, -toolbar.osd.right, -toolbar.osd.top, -toolbar.osd.bottom { - border-radius: 0; -} - -.toolbar.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; -} - -.toolbar button { - margin: 1px; - border-radius: 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: #212121; - background-clip: border-box; - box-shadow: none; -} - -searchbar > revealer > box entry, -searchbar > revealer > box button, -searchbar > revealer > box menubutton, -searchbar > revealer > box splitbutton { - margin: 0; -} - -/*************** - * Header bars * - ***************/ -window.about.background.csd headerbar button:not(.suggested-action):not(.destructive-action), headerbar.flat button:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -window.about.background.csd headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:focus:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:hover:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:active:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:not(.suggested-action):not(.destructive-action) { - color: white; -} - -window.about.background.csd headerbar button:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -window.about.background.csd headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.5); -} - -window.about.background.csd headerbar button:backdrop:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.5); -} - -window.about.background.csd headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:focus:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:hover:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -window.about.background.csd headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -window.about.background.csd headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -window.about.background.csd headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar button:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - border-radius: 9999px; -} - -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: white; -} - -headerbar button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -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.3); -} - -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.3); -} - -headerbar entry { - caret-color: white; -} - -headerbar entry { - background-color: rgba(255, 255, 255, 0.04); -} - -headerbar entry, headerbar entry > text { - color: white; -} - -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: white; -} - -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); - color: white; - min-height: 48px; - padding: 0; - margin: 0; - background-color: transparent; -} - -headerbar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar:backdrop { - color: rgba(255, 255, 255, 0.7); - background-color: transparent; -} - -headerbar:backdrop:disabled { - color: rgba(255, 255, 255, 0.3); -} - -headerbar .title { - padding: 0 12px; - font-weight: bold; -} - -headerbar .subtitle { - padding: 0 12px; - font-size: smaller; -} - -headerbar .subtitle, -headerbar .dim-label, -headerbar row.expander:not(:checked) image.expander-row-arrow, -row.expander:not(:checked) 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:not(:checked) image.expander-row-arrow:backdrop, -row.expander:not(:checked) headerbar image.expander-row-arrow:backdrop { - color: rgba(255, 255, 255, 0.5); -} - -headerbar headerbar { - background-color: transparent; - box-shadow: none; -} - -headerbar splitbutton { - border-radius: 9999px; -} - -headerbar splitbutton > button, headerbar splitbutton > menubutton > button { - min-height: 24px; - min-width: 24px; - padding: 6px; - border-radius: 9999px; -} - -headerbar splitbutton > button:dir(ltr), -headerbar splitbutton > menubutton > button:dir(rtl) { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; -} - -headerbar splitbutton > button:dir(rtl), -headerbar splitbutton > menubutton > button:dir(ltr) { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; -} - -headerbar .linked:not(.vertical) > entry:not(:only-child) { - border-radius: 12px; -} - -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); -} - -headerbar button.toggle { - border-radius: 9999px; -} - -headerbar.flat { - background-color: #212121; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.7); - border-radius: 18px 18px 0 0; -} - -background.csd.info headerbar.flat, background.csd.about headerbar.flat { - background-color: transparent; - box-shadow: none; -} - -headerbar popover.background > contents { - color: white; -} - -headerbar popover.background > contents .dim-label, headerbar popover.background > contents row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) headerbar popover.background > contents image.expander-row-arrow, headerbar popover.background > contents row label.subtitle, row headerbar popover.background > contents label.subtitle { - color: rgba(255, 255, 255, 0.7); -} - -headerbar popover.background button, headerbar popover.background entry, headerbar popover.background spinbutton { - border-radius: 5px; -} - -headerbar popover.background button:not(.suggested-action):not(.destructive-action) image { - color: white; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - border-radius: 0; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):first-child { - border-radius: 5px 0 0 5px; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):last-child { - border-radius: 0 5px 5px 0; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):only-child { - border-radius: 5px; -} - -headerbar stackswitcher { - margin: 6px 0; - border-radius: 9999px; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { - border-radius: 9999px; - color: rgba(255, 255, 255, 0.7); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active { - color: white; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:disabled { - color: rgba(255, 255, 255, 0.3); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - color: white; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop { - color: rgba(255, 255, 255, 0.5); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:active { - color: rgba(255, 255, 255, 0.7); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:disabled { - color: rgba(255, 255, 255, 0.3); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked { - color: rgba(255, 255, 255, 0.5); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); -} - -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 { - 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 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); - animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #3281EA; - color: white; -} - -headerbar.selection-mode:backdrop { - color: rgba(255, 255, 255, 0.7); -} - -headerbar.selection-mode .subtitle:link { - color: white; -} - -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(255, 255, 255, 0.2); - background-color: #3281EA; -} - -.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; - background-image: none; - background-color: #2C2C2C; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); -} - -headerbar.default-decoration windowcontrols button, -headerbar.default-decoration windowcontrols menubutton { - padding: 0; - min-height: 24px; - min-width: 24px; - margin: 0; -} - -.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { - border-radius: 0; - box-shadow: none; -} - -window.devel headerbar.titlebar { - background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(50, 129, 234, 0.1)), linear-gradient(to top, #343434 3px, #393939); -} - -window.devel headerbar.titlebar:backdrop { - background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#2C2C2C); - /* background-color would flash */ -} - -headerbar windowcontrols { - border-spacing: 6px; -} - -headerbar windowcontrols:not(.empty).start:dir(ltr), headerbar windowcontrols:not(.empty).end:dir(rtl) { - margin-right: 0; - margin-left: 0; -} - -headerbar windowcontrols:not(.empty).start:dir(rtl), headerbar windowcontrols:not(.empty).end:dir(ltr) { - margin-left: 0; - margin-right: 0; -} - -headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) > image, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action):hover > image, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action):active > image, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action):backdrop > image { - background-color: transparent; -} - -headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) > image { - padding: 0; - border: none; - outline: none; - box-shadow: none; -} - -/************ - * Pathbars * - ************/ - -pathbar > button { - padding-left: 6px; - padding-right: 6px; - border-radius: 12px; - border-spacing: 3px; -} - - -pathbar > button label, -pathbar > button image { - margin-left: 3px; - margin-right: 3px; -} - - -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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.7); - border: none; - border-radius: 12px; - 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: 10px; - border: none; - box-shadow: none; -} - -.pathbar > button:last-child { - background-color: alpha(currentColor, 0.1); - color: white; -} - -/************** - * Tree Views * - **************/ -columnview.view, -treeview.view { - border-left-color: #404040; - border-top-color: #404040; -} - -columnview.view:selected, -treeview.view:selected { - background-color: #2C2C2C; - background-image: image(alpha(currentColor, 0.1)); - box-shadow: 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(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; - color: rgba(255, 255, 255, 0.7); - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -columnview.view.expander:dir(rtl), -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -columnview.view.expander:checked, -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -columnview.view.expander:hover, -treeview.view.expander:hover { - color: white; -} - -columnview.view.expander:selected, -treeview.view.expander:selected { - color: #3281EA; -} - -columnview.view.expander:selected:hover, -treeview.view.expander:selected:hover { - color: rgba(50, 129, 234, 0.65); -} - -columnview.view.expander:disabled, -treeview.view.expander:disabled { - color: rgba(255, 255, 255, 0.3); -} - -columnview.view.progressbar, -treeview.view.progressbar { - border-bottom: 6px solid #3281EA; - 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.15); - 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: #2C2C2C; -} - -columnview.view > header > button:last-child, -treeview.view > header > button:last-child { - border-right-style: 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, -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: #2C2C2C; - background-clip: border-box; - color: #3281EA; -} - -columnview.view acceleditor > label, -treeview.view acceleditor > label { - background-color: #3281EA; -} - -/********* - * Menus * - *********/ -menubar { - padding: 0; - background-color: #2C2C2C; - color: white; -} - -menubar:backdrop { - background-color: #2C2C2C; - 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: white; -} - -menubar > item:disabled { - color: rgba(255, 255, 255, 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; -} - -/********************** - * Popover Base Menus * - **********************/ -popover.menu box.inline-buttons { - padding: 0 14px; -} - -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; -} - -popover.menu label.title { - font-weight: bold; - padding: 3px 32px; -} - -/************ - * Popovers * - ************/ -popover.background { - font: initial; - padding: 0; -} - -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; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12); - background-color: #3C3C3C; - border: none; - border-radius: 11px; - color: white; -} - -popover.background:backdrop > arrow, -popover.background:backdrop > contents { - 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); -} - -popover.background > contents > list, -popover.background > contents > .view, -popover.background > contents > toolbar { - border-style: none; - box-shadow: none; - background-color: transparent; -} - -popover.background > contents > scrolledwindow > viewport > stack > box { - padding: 0; -} - -popover.background > contents separator { - background-color: rgba(255, 255, 255, 0.12); - margin: 3px 0; -} - -popover.background > contents list { - background-color: transparent; - padding: 0; -} - -popover.background > contents list > row { - padding: 6px 12px; -} - -popover.background > contents list separator { - margin: 0; -} - -popover.background .view:not(:selected), -popover.background toolbar { - background-color: #3C3C3C; -} - -popover.background .linked > button:not(.radio):first-child { - border-radius: 5px 0 0 5px; -} - -popover.background .linked > button:not(.radio):last-child { - border-radius: 0 5px 5px 0; -} - -popover.background .linked > button:not(.radio):only-child { - border-radius: 5px; -} - -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: 5px; - color: white; - font: initial; - text-shadow: none; - border-spacing: 6px; -} - -popover.background modelbutton accelerator { - color: rgba(255, 255, 255, 0.5); - margin-left: 30px; -} - -popover.background modelbutton accelerator:disabled { - color: rgba(255, 255, 255, 0.12); -} - -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.menu button, -popover.background button.model { - min-height: 32px; - padding: 0 8px; - border-radius: 5px; -} - -.osd popover.background, popover.background.touch-selection, popover.background.magnifier { - background-color: transparent; -} - -popover.background listview { - padding: 0; -} - -popover.background listview > row { - padding: 6px 12px; - border-radius: 5px; - margin: 0; -} - -magnifier { - background-color: #2C2C2C; -} - -/************* - * Notebooks * - *************/ -notebook > header tab { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-height: 24px; - min-width: 24px; - padding: 6px 12px; - border-width: 1px; - border-color: transparent; - border-style: solid; - outline: none; - background-clip: padding-box; - box-shadow: none; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -notebook > header tab:hover { - background-color: #404040; - color: white; -} - -notebook > header tab:disabled { - color: rgba(255, 255, 255, 0.3); -} - -notebook > header tab:checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #2C2C2C; - background-clip: padding-box; - border-color: #404040; - color: white; - box-shadow: none; -} - -notebook > header tab:checked:disabled { - color: rgba(255, 255, 255, 0.5); -} - -notebook > header tab:checked.reorderable-page { - background-color: #2C2C2C; -} - -notebook { - background-color: #2C2C2C; -} - -frame > paned > notebook > header, notebook.frame > header { - background-color: #242424; -} - -notebook.frame { - border-radius: 12px; -} - -notebook.frame frame > border { - border: none; - border-radius: 12px; -} - -notebook.frame frame > list row.activatable { - border-radius: 12px; -} - -notebook:focus tab:checked { - box-shadow: none; -} - -notebook.frame > header.top { - border-radius: 12px 12px 0 0; -} - -notebook.frame > header.bottom { - border-radius: 0 0 12px 12px; -} - -notebook.frame > header.left { - border-radius: 12px 0 0 12px; -} - -notebook.frame > header.right { - border-radius: 0 12px 12px 0; -} - -notebook > header { - border: none; - background-color: #212121; - padding: 0; -} - -notebook > header.top { - box-shadow: inset 0 -1px #404040; -} - -notebook > header.top > tabs { - margin: 4px 0 0; -} - -notebook > header.top > tabs > tab { - border-radius: 12px 12px 0 0; - border-bottom: none; -} - -notebook > header.bottom { - box-shadow: inset 0 1px #404040; -} - -notebook > header.bottom > tabs { - margin: 0 0 4px; -} - -notebook > header.bottom > tabs > tab { - border-radius: 0 0 12px 12px; - border-top: none; -} - -notebook > header.left { - box-shadow: inset -1px 0 #404040; -} - -notebook > header.left > tabs { - margin: 0 0 0 4px; -} - -notebook > header.left > tabs > tab { - border-radius: 12px 0 0 12px; - border-right: none; -} - -notebook > header.right { - box-shadow: inset 1px 0 #404040; -} - -notebook > header.right > tabs { - margin: 0 4px 0 0; -} - -notebook > header.right > tabs > tab { - border-radius: 0 12px 12px 0; - border-left: none; -} - -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: -8px; - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - margin-right: -8px; - -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: -8px; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - margin-bottom: -8px; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; -} - -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: white; -} - -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.top tabs, notebook > header.bottom tabs { - padding-left: 8px; - padding-right: 8px; -} - -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, notebook > header.right tabs { - padding-top: 8px; - padding-bottom: 8px; -} - -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: 12px; -} - -/************** - * Scrollbars * - **************/ -scrollbar { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #2C2C2C; -} - -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 { - box-shadow: none; - outline: none; - background: 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: white; -} - -scrollbar > range > trough > slider:disabled { - background-color: rgba(255, 255, 255, 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; - box-shadow: none; - outline: none; -} - -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); - box-shadow: none; - outline: none; -} - -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(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.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(60, 60, 60, 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 2px; - border: 5px solid transparent; - border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.3); - background-clip: padding-box; - font-size: 0; - color: transparent; -} - -switch:checked { - background-color: rgba(50, 129, 234, 0.5); -} - -switch:disabled { - opacity: 0.5; -} - -switch image { - margin: -8px; - color: transparent; -} - -switch > slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 20px; - min-height: 20px; - margin: -3px -2px; - border-radius: 9999px; - outline: none; - box-shadow: 0 0 0 10px transparent, 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-color: #3C3C3C; -} - -switch:focus > slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); -} - -switch:hover > slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); -} - -switch:focus:hover > slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 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); -} - -switch:checked > slider { - background-color: #3281EA; - color: #3281EA; -} - -/************************* - * 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; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); -} - -.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 { - -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px 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-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: 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; -} - -popover checkbutton.text-button > check:dir(ltr), popover radiobutton.text-button > check:dir(ltr) { - margin-left: -16px; -} - -popover checkbutton.text-button > check:dir(rtl), popover radiobutton.text-button > check:dir(rtl) { - margin-right: -16px; -} - -check, -radio { - min-height: 24px; - min-width: 24px; - margin: -8px; - padding: 8px; - border: none; -} - -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - color: #81C995; -} - -check:checked:disabled, check:indeterminate:disabled, -radio:checked:disabled, -radio:indeterminate:disabled { - color: rgba(255, 255, 255, 0.3); -} - -check:not(:hover):focus, -radio:not(:hover):focus { - box-shadow: inset 0 0 0 9999px transparent; -} - -popover modelbutton check, popover modelbutton radio { - margin: 0; - padding: 0; -} - -popover modelbutton check, popover modelbutton check:focus, popover modelbutton check:hover, popover modelbutton check:focus:hover, popover modelbutton check:active, popover modelbutton check:disabled, popover modelbutton radio, popover modelbutton radio:focus, popover modelbutton radio:hover, popover modelbutton radio:focus:hover, popover modelbutton radio:active, popover modelbutton radio:disabled { - transition: none; - box-shadow: none; - background: none; - border: none; -} - -popover modelbutton check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(255, 255, 255, 0.7); -} - -popover modelbutton check, popover modelbutton check:hover, popover modelbutton check:disabled, popover modelbutton radio, popover modelbutton radio:hover, popover modelbutton radio:disabled { - box-shadow: none; -} - -popover modelbutton check.left:dir(rtl), popover modelbutton radio.left:dir(rtl) { - margin-left: -12px; - margin-right: -4px; -} - -popover modelbutton check.right:dir(ltr), popover modelbutton radio.right:dir(ltr) { - margin-left: -4px; - margin-right: -12px; -} - - -check { - -gtk-icon-size: 24px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/unchecked-symbolic@2.svg"))); -} - - -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/mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/mixed-symbolic@2.svg"))); -} - - -radio { - -gtk-icon-size: 24px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/unchecked-symbolic@2.svg"))); -} - - -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/mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/mixed-symbolic@2.svg"))); -} - - -popover.menu check { - min-height: 18px; - min-width: 18px; - -gtk-icon-size: 18px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-unchecked-symbolic@2.svg"))); -} - - -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-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-mixed-symbolic@2.svg"))); -} - - -popover.menu radio { - min-height: 18px; - min-width: 18px; - border-image: none; - -gtk-icon-size: 18px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-unchecked-symbolic@2.svg"))); -} - - -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-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-mixed-symbolic@2.svg"))); -} - -treeview.view check, treeview.view radio, -columnview.view check, -columnview.view radio { - padding: 0; - box-shadow: none; - background: none; - color: rgba(255, 255, 255, 0.7); -} - -treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active, -columnview.view check:hover, -columnview.view check:active, -columnview.view radio:hover, -columnview.view radio:active { - color: white; -} - -treeview.view check:disabled, treeview.view radio:disabled, -columnview.view check:disabled, -columnview.view radio:disabled { - color: rgba(255, 255, 255, 0.3); -} - -treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate, -columnview.view check:checked, -columnview.view check:indeterminate, -columnview.view radio:checked, -columnview.view radio:indeterminate { - color: #81C995; -} - -treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled, -columnview.view check:checked:disabled, -columnview.view check:indeterminate:disabled, -columnview.view radio:checked:disabled, -columnview.view radio:indeterminate:disabled { - color: rgba(255, 255, 255, 0.3); -} - -treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, treeview.view:focus-within check, treeview.view:focus-within 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, -columnview.view:focus-within check, -columnview.view:focus-within radio { - 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.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 { - min-height: 32px; - min-width: 32px; - margin: -14px; -} - -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.15); -} - -scale > 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); - background-repeat: no-repeat; - background-position: center; - background-size: auto, 1000% 1000%; - min-height: 32px; - min-width: 32px; - margin: -15px; - border-radius: 50%; - color: #3281EA; - background-color: transparent; -} - -scale > trough > slider, scale > trough > slider:focus, scale > trough > slider:hover, scale > trough > slider:active { - border: none; - box-shadow: none; - outline: none; -} - -scale > trough > slider { - background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale > trough > slider:focus { - background-color: alpha(currentColor, 0.08); -} - -scale > trough > slider:hover { - background-color: alpha(currentColor, 0.08); -} - -scale > trough > slider:focus:hover { - background-color: alpha(currentColor, 0.16); -} - -scale > trough > 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-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: auto, 0% 0%; - color: #3281EA; -} - -scale > trough > highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#3281EA); -} - -scale > trough > highlight:disabled { - background-color: #212121; - background-image: image(rgba(255, 255, 255, 0.3)); -} - -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 > marks, -scale > value { - color: rgba(255, 255, 255, 0.7); -} - -scale > marks 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 > marks indicator { - min-height: 8px; - min-width: 1px; -} - -scale.vertical > marks indicator { - min-height: 1px; - min-width: 8px; -} - -scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { - transform: none; - box-shadow: none; - border: none; -} - -scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { - box-shadow: none; -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -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")), 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 > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) { - margin-bottom: -24px; - margin-top: 8px; -} - -scale.color.vertical:dir(ltr) { - padding: 0 0 0 12px; -} - -scale.color.vertical:dir(ltr) > trough > slider { - margin-left: -24px; - margin-right: 8px; -} - -scale.color.vertical:dir(rtl) { - padding: 0 12px 0 0; -} - -scale.color.vertical:dir(rtl) > trough > slider { - margin-right: -24px; - margin-left: 8px; -} - -/***************** - * 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: 12px; - background-color: rgba(255, 255, 255, 0.15); -} - -progressbar progress { - border-radius: 12px; - background-color: #3281EA; -} - -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: #3281EA; -} - -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: 12px; -} - -levelbar block.low { - background-color: #FBC02D; -} - -levelbar block.high, levelbar block:not(.empty) { - background-color: #3281EA; -} - -levelbar block.full { - background-color: #81C995; -} - -levelbar block.empty { - background-color: rgba(255, 255, 255, 0.15); -} - -/**************** - * Print dialog * -*****************/ -window.dialog.print drawing { - color: white; - background: none; - border: none; - padding: 0; -} - -window.dialog.print drawing paper { - padding: 0; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: white; -} - -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: 12px; -} - -frame.flat, -.frame.flat { - border-style: none; -} - -frame { - border-radius: 12px; -} - -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(255, 255, 255, 0.12); - background-color: #2C2C2C; - background-clip: border-box; - box-shadow: none; -} - -actionbar > revealer > box entry, -actionbar > revealer > box button, -actionbar > revealer > box menubutton, -actionbar > revealer > box splitbutton { - margin: 0; -} - -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(255, 255, 255, 0.04) 99%, transparent 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(255, 255, 255, 0.04) 99%, transparent 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(255, 255, 255, 0.04) 99%, transparent 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(255, 255, 255, 0.04) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -junction { - border: none; - background-color: #2C2C2C; -} - -separator { - min-width: 1px; - min-height: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -separator.spacer { - background-color: transparent; -} - -separator.spacer.horizontal { - min-width: 12px; -} - -separator.spacer.vertical { - min-height: 12px; -} - -stacksidebar + separator.vertical, -stacksidebar separator.horizontal, button.font separator, button.file separator { - min-width: 0; - min-height: 0; - background-color: transparent; -} - -/********* - * Lists * - *********/ -listview, -list { - border-color: rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - background-clip: padding-box; - color: rgba(255, 255, 255, 0.7); -} - -listview > row, -list > row { - 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, listview.separators.horizontal > row:not(.separator), -list.horizontal row.separator, -list.separators.horizontal > row:not(.separator) { - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -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 rgba(255, 255, 255, 0.12); -} - -list.frame { - border-radius: 12px; -} - -row { - background-clip: padding-box; -} - -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); - outline: none; - box-shadow: inset 0 0 0 9999px transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 30%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; -} - -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, 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); -} - -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), 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 farthest-corner at center, alpha(currentColor, 0.12) 30%, transparent 0%); - background-size: 100% 100%; -} - -button row.activatable, button row.activatable:hover, button row.activatable.has-open-popup, button row.activatable:active, button row.activatable:active:hover { - background-color: transparent; - box-shadow: none; - background-image: none; - transition: none; - animation: none; -} - -button:checked row { - color: white; -} - -row:selected { - color: inherit; -} - -row:selected image, -row:selected label { - color: white; -} - -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); -} - -treeexpander { - border-spacing: 4px; -} - -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 > header > button { - padding-left: 6px; - padding-right: 6px; - border-left: 1px solid transparent; -} - -columnview > header > button:first-child { - border-left-width: 0; -} - -columnview.column-separators > listview > row > cell, -columnview.column-separators > header > button { - border-left-color: rgba(255, 255, 255, 0.12); -} - -columnview > listview:not(.horizontal).separators > row:not(.separator) { - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; -} - -columnview.data-table > listview > row > cell { - padding-top: 2px; - padding-bottom: 2px; -} - -columnview ~ undershoot.top { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); -} - -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 #3281EA; -} - -columnview row:not(:selected) cell editablelabel.editing text selection { - color: white; - background-color: #3281EA; -} - -.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; -} - -/**************** - * AdwActionRow * - ****************/ -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; -} - -/*************** - * AdwComboRow * - ***************/ -row.combo image.dropdown-arrow:disabled { - filter: opacity(0.35); -} - -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; -} - -/****************** - * AdwExpanderRow * - ******************/ -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 { - transition: 200ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(255, 255, 255, 0.7); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.osd list.content > row:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, -.osd list.boxed-list > row:focus:focus-visible, -.osd list.boxed-list > row.expander row.header:focus:focus-visible, -list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.04); -} - -row.expander { - background: none; - padding: 0px; -} - -row.expander > box > list { - background: none; - color: inherit; -} - -row.expander list.nested { - background-color: #2C2C2C; - color: inherit; -} - -row.expander image.expander-row-arrow { - transition: 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:checked image.expander-row-arrow { - -gtk-icon-transform: rotate(0turn); -} - -row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { - -gtk-icon-transform: rotate(0.5turn); -} - -row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { - -gtk-icon-transform: rotate(-0.5turn); -} - -row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #3281EA; -} - -.osd row.expander:checked image.expander-row-arrow:not(:disabled) { - color: inherit; -} - -row.expander image.expander-row-arrow:disabled { - filter: opacity(0.35); -} - -/***************** - * Boxed Lists * - *****************/ -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: 11px; - border-top-right-radius: 11px; -} - -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.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-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, -list.boxed-list > row:only-child, -list.boxed-list > row:only-child.expander:not(:checked), -list.boxed-list > row:only-child.expander:not(:checked) row.header, -list.boxed-list > row:only-child.expander:checked list.nested, -list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { - border-bottom-left-radius: 11px; - border-bottom-right-radius: 11px; - border-bottom-width: 0; -} - -/********************* - * App Notifications * - *********************/ -.app-notification { - margin: 8px; - border-spacing: 9px; - padding: 9px; - border: none; -} - -.app-notification button.text-button:not(:disabled) { - color: #3281EA; -} - -.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(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: white; -} - -expander:disabled { - color: rgba(255, 255, 255, 0.3); -} - -expander-widget > box > title { - border-radius: 12px; -} - -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: 12px; - color: white; -} - -calendar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -calendar:selected { - border-radius: 12px; -} - -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: 9999px; - margin: 0; -} - -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.other-month { - color: alpha(currentColor, 0.3); -} - -/*********** - * Dialogs * - ***********/ -window.dialog.message.background { - background-color: #3C3C3C; - background-image: none; -} - -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(255, 255, 255, 0.1); - background-color: #3C3C3C; - color: white; -} - -window.dialog.message .titlebar:backdrop { - background-color: #3C3C3C; - color: rgba(255, 255, 255, 0.7); -} - -window.dialog.message.csd .dialog-action-area { - padding: 6px; - border: none; - box-shadow: none; -} - -window.dialog.message.csd .dialog-action-area > button { - border: none; - box-shadow: none; -} - -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: 9999px; -} - -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: #3281EA; -} - -window.dialog.message.csd .dialog-action-area > button.destructive-action:not(:disabled) { - color: #F44336; -} - -window.messagedialog .message-area separator { - background-color: transparent; - min-height: 0; -} - -window.messagedialog .response-area { - padding: 6px; - box-shadow: none; - border: none; -} - -window.messagedialog .response-area button { - border: none; - box-shadow: none; - border-radius: 9999px; -} - -window.messagedialog .response-area button:not(:last-child) { - margin-right: 6px; -} - -window.messagedialog .response-area button.suggested:not(:disabled) { - color: #3281EA; -} - -window.messagedialog .response-area button.destructive:not(:disabled) { - color: #F44336; -} - -window.messagedialog .response-area separator { - background-color: transparent; - min-width: 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: #212121; -} - -filechooser stack.view frame > border { - border: none; -} - -filechooserbutton > button > box { - border-spacing: 6px; -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -window.aboutdialog stack scrolledwindow.frame, window.aboutdialog stack scrolledwindow.frame > .view, window.aboutdialog stack scrolledwindow.frame > .view > text { - border-radius: 12px; -} - -window.aboutdialog .large-icons { - -gtk-icon-size: 128px; -} - -window.about.background.csd headerbar { - color: rgba(255, 255, 255, 0.7); -} - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: none; - background-color: #242424; -} - -.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; -} - -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 { - padding: 6px; - background-color: #242424; -} - -stacksidebar row { - min-height: 24px; - padding: 6px 9px; - 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.15); -} - -separator.sidebar.spacer { - background-color: transparent; -} - -/********************** - * Navigation Sidebar * - **********************/ -.navigation-sidebar { - padding: 6px 0; - border-right: none; -} - -.navigation-sidebar > row { - min-height: 24px; - padding: 6px 9px; - border-radius: 0 9999px 9999px 0; - margin: 0 6px 0 0; -} - -.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { - background-color: alpha(currentColor, 0.08); -} - -.navigation-sidebar > row:selected { - background-color: alpha(currentColor, 0.1); - color: #3281EA; -} - -.navigation-sidebar > row:selected label, .navigation-sidebar > row:selected image { - color: #3281EA; -} - -.navigation-sidebar > row:selected:hover { - background-color: alpha(currentColor, 0.16); -} - -.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(255, 255, 255, 0.5); -} - -.navigation-sidebar > separator { - margin: 6px 0; -} - -/**************** - * 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.3); -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar .navigation-sidebar { - padding: 6px 0; -} - -placessidebar .navigation-sidebar > row { - min-height: 32px; - margin: 0 4px 0 0; - padding: 3px; - border-radius: 0 9999px 9999px 0; -} - -placessidebar .navigation-sidebar > row > revealer { - padding: 0 8px 0 16px; -} - -placessidebar .navigation-sidebar > row:selected { - background-color: alpha(currentColor, 0.1); - color: #3281EA; - font-weight: 500; -} - -placessidebar .navigation-sidebar > row:selected image.sidebar-icon { - color: #3281EA; -} - -placessidebar .navigation-sidebar > row:disabled { - color: rgba(255, 255, 255, 0.5); -} - -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: #3281EA; -} - -placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { - color: #3281EA; -} - -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-style: none; - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; - background-clip: content-box; - box-shadow: none; -} - -paned > separator.wide { - min-width: 6px; - min-height: 6px; - background-color: #212121; - 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; -} - -/************ - * GtkVideo * - ************/ -video { - background: black; - border-radius: 12px; -} - -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, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { - color: white; - background-color: #2C2C2C; -} - -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: #3281EA; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3281EA; - color: white; -} - -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: white; -} - -infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { - color: white; -} - -infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #1b73e8; -} - -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: white; -} - -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: white; -} - -infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { - color: white; -} - -infobar.error:hover > revealer > box { - background-color: #f32c1e; -} - -/************ - * Tooltips * - ************/ -tooltip { - padding: 6px 12px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(25, 25, 25, 0.9); - color: white; - 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; - border: none; -} - -tooltip > box { - border-spacing: 6px; -} - -/***************** - * Color Chooser * - *****************/ -colorswatch.top { - border-top-left-radius: 11px; - border-top-right-radius: 11px; -} - -colorswatch.top overlay { - border-top-left-radius: 11px; - border-top-right-radius: 11px; -} - -colorswatch.bottom { - border-bottom-left-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 11px; - border-bottom-left-radius: 11px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 11px; - border-bottom-left-radius: 11px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.dark { - color: white; -} - -colorswatch.light { - color: rgba(0, 0, 0, 0.87); -} - -colorswatch#add-color-button { - border-radius: 11px 11px 0 0; - color: white; -} - -colorswatch#add-color-button:only-child { - border-radius: 11px; -} - -colorswatch#add-color-button overlay { - background-color: #3C3C3C; -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - box-shadow: none; -} - -colorswatch#editor-color-sample { - border-radius: 11px; -} - -colorswatch#editor-color-sample overlay { - border-radius: 11px; -} - -colorchooser .popover.osd { - 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -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(255, 255, 255, 0.1); -} - -/******** - * Misc * - ********/ -.content-view { - background-color: #212121; -} - -/********************** - * Window Decorations * - **********************/ -window { - outline: none; - padding: 0; - margin: 0; -} - -window.csd { - border-radius: 18px; - 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), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); -} - -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; -} - -window.csd.background { - background-color: transparent; - background-image: linear-gradient(to bottom, #2C2C2C, #2C2C2C 48px, #212121 48px, #212121); -} - -window.csd:backdrop { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - 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 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.csd:backdrop.background { - background-color: transparent; - background-image: linear-gradient(to bottom, #2C2C2C, #2C2C2C 48px, #212121 48px, #212121); -} - -window.csd.messagedialog { - background-color: #3C3C3C; - background-image: 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), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.csd.messagedialog:backdrop { - background-color: #212121; - background-image: 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 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.csd.about.background, window.csd.about.background:backdrop, window.csd.info.background, window.csd.info.background:backdrop { - background-color: #212121; - background-image: none; -} - -window.ssd { - box-shadow: none; -} - -window.solid-csd { - margin: 0; - padding: 2px; - border-radius: 0; - box-shadow: none; - background-color: #2C2C2C; -} - -window.solid-csd:backdrop { - background-color: #2C2C2C; -} - -gridview > child:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected { - background-color: alpha(currentColor, 0.06); -} - -.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected { - color: #3281EA; - background-color: rgba(50, 129, 234, 0.2); -} - -textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected { - color: white; - background-color: #3281EA; -} - -.monospace { - font-family: monospace; -} - -.numeric { - font-feature-settings: "tnum"; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: #3281EA; - -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: 8px; - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); - background-color: #3C3C3C; - background-clip: border-box; - color: white; - font-size: smaller; -} - -:not(decoration):not(window):drop(active) { - caret-color: #3281EA; -} - -stackswitcher { - min-height: 0; - padding: 0; - border-radius: 9999px; - background-color: alpha(currentColor, 0.05); -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - margin: 0 0; - border-radius: 9999px; -} - -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):checked { - background-color: #3281EA; - color: white; -} - -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(255, 255, 255, 0.12); - background: none; -} - -.emoji-searchbar entry { - margin: 0; -} - -.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; - box-shadow: none; -} - -button.emoji-section { - margin: 0; - padding: 6px; - border-radius: 9px; -} - -button.emoji-section:checked { - color: #3281EA; -} - -popover.emoji-picker emoji { - font-size: x-large; - padding: 6px; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; -} - -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: white; -} - -popover.entry-completion > contents { - padding: 0; -} - -.nautilus-window.background.csd { - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window.background.csd, .nautilus-window.background.csd:backdrop { - background-image: none; - background-color: #2C2C2C; -} - -.nautilus-window headerbar { - background-color: transparent; - box-shadow: none; -} - -.nautilus-window flap > separator { - background: none; - min-width: 0; -} - -.nautilus-window flap.unfolded > placessidebar { - background-color: transparent; - border-radius: 18px; - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow { - margin: 0 0 12px 12px; - border-radius: 12px; - background-color: rgba(50, 129, 234, 0.08); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.top { - border-radius: 12px 12px 0 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.bottom { - border-radius: 0 0 12px 12px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { - padding: 16px 0 16px 0; - background: none; - border-radius: 12px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > separator { - background: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable { - border-radius: 0; - padding: 0; - margin: -8px 0 -8px 0; - animation: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer { - padding-left: 12px; - padding-right: 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer > box { - padding-right: 18px; - padding-left: 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:active { - background: none; - box-shadow: none; - animation: none; -} - -.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 { - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon { - padding-right: 6px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label { - color: inherit; - min-height: 54px; - padding-left: 6px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable.sidebar-placeholder-row { - background-color: transparent; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) { - border-radius: 0; - border-radius: 9999px 0 0 9999px; - background-color: rgba(245, 124, 0, 0.1); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active), .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) label.sidebar-label { - color: #F57C00; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover label.sidebar-label { - color: #3281EA; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected { - background-color: transparent; - font-weight: 700; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon { - color: #3281EA; -} - -.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 { - color: #3281EA; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #3281EA; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { - color: #3281EA; - background-color: #2C2C2C; - border-image-width: 10px 10px 10px 46px; - border-image-slice: 10 10 10 46; - border-image-repeat: stretch; - border-image-source: -gtk-scaled(url("assets/row-selected-dark.png"), url("assets/row-selected-dark@2.png")); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { - padding-left: 14px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #3281EA; -} - -.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(255, 255, 255, 0.3); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar { - margin: 3px 3px 3px 0; - background: none; - border: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though { - background: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though > slider { - border: none; -} - -.nautilus-window tabbar .box { - padding: 0 12px; - background-color: transparent; - box-shadow: inset 0 -1px #404040; -} - -.nautilus-window tabbar tab { - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window tabbar tab:hover:not(:selected):not(:active):not(:checked) { - color: white; - background-color: rgba(255, 255, 255, 0.05); -} - -.nautilus-window tabbar tab:active, .nautilus-window tabbar tab:checked, .nautilus-window tabbar tab:selected { - color: white; -} - -.nautilus-window tabbar tab:active:disabled, .nautilus-window tabbar tab:checked:disabled, .nautilus-window tabbar tab:selected:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.nautilus-window tabbar tab:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.nautilus-window placesview label { - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placesview label:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.nautilus-window infobar { - margin: 3px; -} - -.nautilus-window infobar > revealer > box { - border-radius: 6px; -} - -.nautilus-window label.search-information { - margin: 3px; - border-radius: 6px; -} - -.nautilus-window .floating-bar { - min-height: 24px; - padding: 2px; - margin: 6px; - border: none; - border-radius: 9999px; - background-color: rgba(33, 33, 33, 0.95); - box-shadow: none; -} - -.nautilus-window .floating-bar button { - margin: 4px; -} - -#NautilusViewCell clamp box { - margin: 0; - border-spacing: 0; -} - -#NautilusQueryEditor { - border-radius: 9999px; - color: rgba(255, 255, 255, 0.7); - padding: 0 4px 0 8px; -} - -#NautilusQueryEditor:focus-within { - color: white; -} - -#NautilusQueryEditor:disabled { - color: rgba(255, 255, 255, 0.3); -} - -#NautilusQueryEditor > menubutton > button.image-button { - min-width: 28px; - min-height: 28px; - margin: 4px 0; - padding: 0; -} - -#NautilusQueryEditor > text { - margin: 0; -} - -#NautilusPathBar { - background-color: rgba(255, 255, 255, 0.04); - border-radius: 9999px; - margin: 6px 0; -} - -#NautilusPathBar #NautilusPathButton { - margin: 0 3px; - border-radius: 9999px; -} - -#NautilusPathBar #NautilusPathButton.current-dir { - color: white; -} - -#NautilusPathBar #NautilusPathButton.current-dir:hover, #NautilusPathBar #NautilusPathButton.current-dir:active { - background: none; - box-shadow: none; -} - -#NautilusPathBar #NautilusPathButton:first-child { - margin-left: 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; -} - -leaflet { - background-color: transparent; -} - -leaflet stack.background { - background-color: transparent; -} - -leaflet > box > scrolledwindow > viewport > widget > stack { - background-color: #2C2C2C; -} - -.history-view { - background-color: #2C2C2C; -} - -#displayitem { - border-top: 1px solid rgba(255, 255, 255, 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(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); -} - -leaflet button.clear-button.image-button { - border-radius: 12px; -} - -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: 12px; -} - -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 12px 12px 0; -} - -app-context-bar > box:first-child > button.flat { - border-radius: 0; -} - -app-context-bar > box:first-child > button.flat:first-child { - border-radius: 12px 0 0 12px; -} - -app-context-bar > box > button.flat { - border-left-color: rgba(255, 255, 255, 0.12); -} - -carousel.card { - border: none; -} - -.context-tile-lozenge { - min-height: 28px; - min-width: 28px; - padding: 6px; - margin: 6px; -} - -.context-tile-lozenge.grey { - color: white; - background-color: rgba(255, 255, 255, 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: #1A73E8; - background-color: rgba(26, 115, 232, 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: #F57C00; - background-color: rgba(245, 124, 0, 0.15); -} - -.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { - color: #d2190b; - background-color: rgba(244, 67, 54, 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: white; -} - -.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: white; -} - -.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: white; -} - -.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(255, 255, 255, 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(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; -} - -.category-tile.category-work:hover { - 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); -} - -.category-tile.category-work:active { - 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); -} - -.polari-room-list .sidebar { - background: none; -} - -.polari-room-list .sidebar > row.activatable:selected { - background-color: #3281EA; - color: white; -} - -.polari-room-list popover.background > arrow, -.polari-room-list popover.background > contents { - padding: 0; -} - -window.org-gnome-Builder 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: 6px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -panelframetabbar { - border-bottom: none; -} - -.frameheader.header { - min-height: 24px; - background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -.frameheader.header tabbar.inline > revealer > box .end-action menubutton > button { - margin: 3px; - min-height: 24px; - min-width: 24px; - padding: 6px; - border-radius: 12px; -} - -.frameheader.header tabbar.inline > revealer > box tabbox { - border: none; - background: none; -} - -panelstatusbar { - background-color: #212121; -} - -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: 12px; - 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: #3281EA; -} - -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; -} - -button.colorpad { - padding: 0px; - margin: 0px; - background-blend-mode: screen; - background-image: linear-gradient(45deg, #0f0f0f55 25%, transparent 25%, transparent 75%, #0f0f0f55 75%, #0f0f0f55), linear-gradient(45deg, #0f0f0f55 25%, transparent 25%, transparent 75%, #0f0f0f55 75%, #0f0f0f55); - background-color: @colorpad_color; - color: @colorpad_fg_color; - background-size: 18px 18px; - background-position: 0px 0px, 9px 9px; -} - -button.colorpad:hover { - filter: brightness(93%); -} - -button.colorpad:active { - filter: brightness(86%); -} - -button.colorpad:checked { - filter: brightness(100%); -} - -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; -} - -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, button.suggested-action, button.destructive-action, button.opaque { - box-shadow: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); -} - -.osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { - outline: none; -} - -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, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { - background-image: image(alpha(currentColor, 0.1)); -} - -splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, 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, button.suggested-action:active, button.destructive-action:active, button.opaque:active { - background-image: image(rgba(0, 0, 0, 0.2)); -} - -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, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { - background-image: image(rgba(0, 0, 0, 0.15)); -} - -splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { - background-image: image(rgba(0, 0, 0, 0.05)); -} - -splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { - background-image: image(rgba(0, 0, 0, 0.3)); -} - -button.opaque { - background-color: #4c4c4c; - color: white; -} - -button.destructive-action { - color: white; -} - -button.destructive-action, button.destructive-action:checked { - background-color: #F44336; -} - -button.suggested-action { - color: white; -} - -button.suggested-action, button.suggested-action:checked { - background-color: #3281EA; -} - -button.font separator { - background-color: transparent; -} - -button.font > box { - border-spacing: 6px; -} - -button.font > box > box > label { - font-weight: bold; -} - -menubutton.pill > button, button.pill { - padding: 10px 32px; - border-radius: 9999px; -} - -button.card { - background-clip: padding-box; - font-weight: inherit; - box-shadow: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); -} - -button.card:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -button.card.keyboard-activating, button.card: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: 100% 100%; -} - -button.card: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; - 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: 100% 100%; -} - -button.card:drop(active) { - color: #F57C00; - box-shadow: inset 0 0 0 1px #F57C00; -} - -menubutton.osd { - background: none; - color: inherit; -} - -menubutton.suggested-action { - background-color: #3281EA; - color: white; -} - -menubutton.destructive-action { - background-color: #F44336; - color: white; -} - -menubutton.opaque { - background-color: #4c4c4c; - color: white; -} - -menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { - border-radius: 12px; -} - -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: 12px; -} - -splitbutton:disabled { - filter: none; - opacity: 1; -} - -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: 6px; - padding-right: 6px; -} - -splitbutton.image-button > button { - min-height: 24px; - min-width: 24px; - padding: 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: 0; -} - -splitbutton > button:dir(rtl), -splitbutton > menubutton > button:dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - margin-left: 0; -} - -splitbutton.flat > separator { - background: rgba(255, 255, 255, 0.12); -} - -splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { - background: alpha(currentColor, 0.1); - color: white; -} - -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: 12px; -} - -splitbutton.suggested-action { - background-color: #3281EA; - color: white; -} - -splitbutton.destructive-action { - background-color: #F44336; - color: white; -} - -splitbutton.opaque { - background-color: #4c4c4c; - color: white; -} - -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; -} - -toast { - margin: 12px; - margin-bottom: 24px; - border-radius: 9999px; - border-spacing: 6px; - padding: 6px; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.7); - font-weight: normal; -} - -toast:dir(ltr) { - padding-left: 12px; -} - -toast:dir(rtl) { - padding-right: 12px; -} - -toast > widget { - margin: 0 6px; -} - -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.45); -} - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { - opacity: 0.45; -} - -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; -} - -list.content, -list.boxed-list, .card { - border-radius: 12px; - box-shadow: none; - border: 1px solid rgba(255, 255, 255, 0.12); - background-clip: padding-box; - background-color: #2C2C2C; - color: rgba(255, 255, 255, 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: 36px; -} - -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: #3281EA; -} - -viewswitcher { - margin: 0; -} - -viewswitcher.wide { - border-spacing: 3px; - border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.04); - margin-top: 6px; - margin-bottom: 6px; -} - -viewswitcher.wide button.toggle:checked, viewswitcher.wide button.toggle.flat:checked { - background-color: #3281EA; - color: white; -} - -viewswitcher.wide button.toggle:checked:backdrop, viewswitcher.wide button.toggle.flat:checked:backdrop { - color: rgba(255, 255, 255, 0.5); -} - -viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator { - background-color: white; -} - -viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator > label { - color: #3281EA; -} - -viewswitcher.narrow button.toggle { - border-radius: 0; - margin: 0; - border: 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: white; -} - -indicatorbin > mask { - padding: 1px; - background: black; -} - -indicatorbin.needs-attention > indicator { - background-color: #3281EA; -} - -indicatorbin.needs-attention > indicator > label { - color: white; -} - -tabbar .box { - min-height: 28px; - background-color: #212121; - color: rgba(255, 255, 255, 0.7); - padding: 0; - box-shadow: inset 0 -1px #404040; - border-bottom: none; -} - -tabbar tabbox > tabboxchild { - border-radius: 0; - margin: 0; - padding-top: 4px; -} - -tabbar tabbox > separator { - margin-top: 9px; - margin-bottom: 9px; - transition: opacity 150ms ease-in-out; -} - -tabbar tabbox > separator.hidden { - opacity: 0; -} - -tabbar tabbox > revealer > indicator { - min-width: 2px; - border-radius: 2px; - margin: 9px 6px; - background: alpha(#3281EA, 0.5); -} - -tabbar tab { - transition: none; - border-radius: 12px 12px 0 0; - border: 1px solid transparent; - border-bottom-width: 0; - color: rgba(255, 255, 255, 0.7); - padding: 6px 12px; -} - -tabbar tab:hover:not(:selected):not(:active):not(:checked) { - transition: none; - background-color: #404040; - box-shadow: none; - color: white; - border-color: #404040; - border-radius: 12px 12px 0 0; -} - -tabbar tab:selected, tabbar tab:checked, tabbar tab:active { - transition: background-color 150ms ease-in-out; - background-color: #2C2C2C; - box-shadow: none; - color: white; - border-color: #404040; - border-radius: 12px 12px 0 0; -} - -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; -} - -tabview > stack { - background-color: #2C2C2C; -} - -dnd tab { - background-color: #212121; - color: rgba(255, 255, 255, 0.7); - box-shadow: none; - margin: 24px; -} - -tabbar tab button.image-button, -dnd tab button.image-button { - padding: 0; - margin: 0; - min-width: 20px; - min-height: 20px; - border-radius: 9999px; - border: none; -} - -tabbar tab indicator, -dnd tab indicator { - min-height: 2px; - border-radius: 2px; - background: alpha(#3281EA, 0.5); -} - -tabview:drop(active), -tabbox:drop(active) { - box-shadow: none; -} - -.unfolded stacksidebar.sidebar { - border: none; -} - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color white; -/* -text color for entries, views and content in general */ -@define-color theme_text_color white; -/* -widget base background color */ -@define-color theme_bg_color #212121; -/* -text widgets and the like base background color */ -@define-color theme_base_color #2C2C2C; -/* -base background color of selections */ -@define-color theme_selected_bg_color #3281EA; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color white; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #212121; -/* -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 #242424; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color white; -/* -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 #212121; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #2C2C2C; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #3281EA; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color white; -/* -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 #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 white; -@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); -@define-color wm_highlight rgba(255, 255, 255, 0.1); -@define-color wm_bg #2C2C2C; -@define-color wm_unfocused_bg #2C2C2C; -/* -FIXME this is really an API */ -@define-color content_view_bg #2C2C2C; -@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 rgba(255, 255, 255, 0.7); -@define-color budgie_tasklist_indicator_color_active #3281EA; -@define-color budgie_tasklist_indicator_color_active_window rgba(44, 93, 160, 0.8075); -@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 #3281EA; -@define-color accent_fg_color white; -@define-color accent_color #3281EA; -@define-color destructive_bg_color #F44336; -@define-color destructive_fg_color white; -@define-color destructive_color #F44336; -@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 #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 white; -@define-color error_color #F44336; -@define-color window_bg_color #212121; -@define-color window_fg_color white; -@define-color view_bg_color #2C2C2C; -@define-color view_fg_color white; -@define-color headerbar_bg_color #2C2C2C; -@define-color headerbar_fg_color white; -@define-color headerbar_border_color rgba(255, 255, 255, 0.12); -@define-color headerbar_backdrop_color #2C2C2C; -@define-color headerbar_shade_color rgba(255, 255, 255, 0.12); -@define-color card_bg_color #2C2C2C; -@define-color card_fg_color white; -@define-color card_shade_color rgba(255, 255, 255, 0.12); -@define-color dialog_bg_color #242424; -@define-color dialog_fg_color white; -@define-color popover_bg_color #3C3C3C; -@define-color popover_fg_color white; -@define-color shade_color rgba(255, 255, 255, 0.12); -@define-color scrollbar_outline_color rgba(255, 255, 255, 0.12); diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/settings.ini b/pika-kde-settings/etc/skel/.config/gtk-4.0/settings.ini deleted file mode 100644 index a5016ad..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/settings.ini +++ /dev/null @@ -1,10 +0,0 @@ -[Settings] -gtk-application-prefer-dark-theme=true -gtk-cursor-theme-name=breeze_cursors -gtk-cursor-theme-size=24 -gtk-decoration-layout=icon:minimize,maximize,close -gtk-enable-animations=true -gtk-font-name=Fira Sans Book, 10 -gtk-icon-theme-name=Papirus -gtk-primary-button-warps-slider=false -gtk-theme-name=Orchis-Dark diff --git a/pika-kde-settings/etc/skel/.config/gtkrc b/pika-kde-settings/etc/skel/.config/gtkrc deleted file mode 100644 index 2ee5357..0000000 --- a/pika-kde-settings/etc/skel/.config/gtkrc +++ /dev/null @@ -1,2 +0,0 @@ -# created by KDE Plasma, Sun Mar 26 13:04:42 2023 -# diff --git a/pika-kde-settings/etc/skel/.config/gtkrc-2.0 b/pika-kde-settings/etc/skel/.config/gtkrc-2.0 deleted file mode 100644 index a45aa4f..0000000 --- a/pika-kde-settings/etc/skel/.config/gtkrc-2.0 +++ /dev/null @@ -1,5 +0,0 @@ -# created by KDE Plasma, Sun Mar 26 13:04:42 2023 -# - -gtk-alternative-button-order = 1 - diff --git a/pika-kde-settings/etc/skel/.config/kdeglobals b/pika-kde-settings/etc/skel/.config/kdeglobals deleted file mode 100644 index 1fb8101..0000000 --- a/pika-kde-settings/etc/skel/.config/kdeglobals +++ /dev/null @@ -1,185 +0,0 @@ -[$Version] -update_info=filepicker.upd:filepicker-remove-old-previews-entry,fonts_global.upd:Fonts_Global,fonts_global_toolbar.upd:Fonts_Global_Toolbar,icons_remove_effects.upd:IconsRemoveEffects,kwin.upd:animation-speed,style_widgetstyle_default_breeze.upd:StyleWidgetStyleDefaultBreeze - -[ColorEffects:Disabled] -ChangeSelectionColor= -Color=150,150,150 -ColorAmount=0 -ColorEffect=0 -ContrastAmount=0.65 -ContrastEffect=1 -Enable= -IntensityAmount=0.1 -IntensityEffect=2 - -[ColorEffects:Inactive] -ChangeSelectionColor=true -Color=150,150,150 -ColorAmount=0.025 -ColorEffect=2 -ContrastAmount=0.1 -ContrastEffect=2 -Enable=false -IntensityAmount=0 -IntensityEffect=0 - -[Colors:Button] -BackgroundAlternate=90,90,90 -BackgroundNormal=77,77,77 -DecorationFocus=30,146,255 -DecorationHover=87,177,255 -ForegroundActive=61,174,233 -ForegroundInactive=223,223,223,100 -ForegroundLink=66,133,244 -ForegroundNegative=218,68,83 -ForegroundNeutral=255,109,0 -ForegroundNormal=223,223,223 -ForegroundPositive=1,162,153 -ForegroundVisited=0,188,212 - -[Colors:Complementary] -BackgroundAlternate=48,48,48 -BackgroundNormal=40,40,40 -DecorationFocus=30,146,255 -DecorationHover=61,174,230 -ForegroundActive=246,116,0 -ForegroundInactive=239,240,241,100 -ForegroundLink=61,174,230 -ForegroundNegative=237,21,21 -ForegroundNeutral=201,206,59 -ForegroundNormal=239,240,241 -ForegroundPositive=17,209,22 -ForegroundVisited=61,174,230 - -[Colors:Header] -BackgroundAlternate=51,51,51 -BackgroundNormal=44,44,44 -DecorationFocus=0,120,215 -DecorationHover=66,156,227 -ForegroundActive=61,174,233 -ForegroundInactive=223,223,223,100 -ForegroundLink=66,133,244 -ForegroundNegative=218,68,83 -ForegroundNeutral=255,109,0 -ForegroundNormal=223,223,223 -ForegroundPositive=1,162,153 -ForegroundVisited=0,188,212 - -[Colors:Header][Inactive] -BackgroundAlternate=48,48,48 -BackgroundNormal=42,42,42 -DecorationFocus=0,120,215 -DecorationHover=66,156,227 -ForegroundActive=61,174,233 -ForegroundInactive=223,223,223,70 -ForegroundLink=66,133,244 -ForegroundNegative=218,68,83 -ForegroundNeutral=255,109,0 -ForegroundNormal=223,223,223,150 -ForegroundPositive=1,162,153 -ForegroundVisited=0,188,212 - -[Colors:Selection] -BackgroundAlternate=29,153,243 -BackgroundNormal=26,115,232 -DecorationFocus=101,183,255 -DecorationHover=131,201,255 -ForegroundActive=252,252,252 -ForegroundInactive=255,255,255,150 -ForegroundLink=253,188,75 -ForegroundNegative=218,68,83 -ForegroundNeutral=255,109,0 -ForegroundNormal=255,255,255 -ForegroundPositive=1,162,153 -ForegroundVisited=189,195,199 - -[Colors:Tooltip] -BackgroundAlternate=40,40,40 -BackgroundNormal=40,40,40 -DecorationFocus=30,146,255 -DecorationHover=30,146,255 -ForegroundActive=61,174,233 -ForegroundInactive=223,223,223,150 -ForegroundLink=66,133,244 -ForegroundNegative=218,68,83 -ForegroundNeutral=255,109,0 -ForegroundNormal=223,223,223 -ForegroundPositive=1,162,153 -ForegroundVisited=0,188,212 - -[Colors:View] -BackgroundAlternate=48,48,48 -BackgroundNormal=48,48,48 -DecorationFocus=30,146,255 -DecorationHover=30,146,255 -ForegroundActive=61,174,233 -ForegroundInactive=223,223,223,100 -ForegroundLink=66,133,244 -ForegroundNegative=218,68,83 -ForegroundNeutral=255,109,0 -ForegroundNormal=223,223,223 -ForegroundPositive=1,162,153 -ForegroundVisited=0,188,212 - -[Colors:Window] -BackgroundAlternate=48,48,48 -BackgroundNormal=40,40,40 -DecorationFocus=30,146,255 -DecorationHover=30,146,255 -ForegroundActive=61,174,233 -ForegroundInactive=223,223,223,100 -ForegroundLink=66,133,244 -ForegroundNegative=218,68,83 -ForegroundNeutral=255,109,0 -ForegroundNormal=223,223,223 -ForegroundPositive=1,162,153 -ForegroundVisited=0,188,212 - -[General] -ColorSchemeHash=78952f1103f6f2c59b78c6ed5fa382c3f5ec18e7 -XftHintStyle=hintslight -XftSubPixel=none -fixed=Fira Mono,10,-1,5,50,0,0,0,0,0 -font=Fira Sans Book,10,-1,5,50,0,0,0,0,0 -menuFont=Fira Sans Book,10,-1,5,50,0,0,0,0,0 -smallestReadableFont=Roboto Slab,8,-1,5,50,0,0,0,0,0 -toolBarFont=Fira Sans Book,10,-1,5,50,0,0,0,0,0 - -[Icons] -Theme=Papirus - -[KDE] -AnimationDurationFactor=0.25 -LookAndFeelPackage=org.pikaos.kde-theme -ShowDeleteCommand=true -SingleClick=false -widgetStyle=kvantum-dark - -[KFileDialog Settings] -Allow Expansion=false -Automatically select filename extension=true -Breadcrumb Navigation=true -Decoration position=2 -LocationCombo Completionmode=5 -PathCombo Completionmode=5 -Show Bookmarks=false -Show Full Path=false -Show Inline Previews=true -Show Preview=false -Show Speedbar=true -Show hidden files=false -Sort by=Name -Sort directories first=true -Sort hidden files last=false -Sort reversed=false -Speedbar Width=146 -View Style=DetailTree - -[WM] -activeBackground=40,40,40 -activeBlend=40,40,40 -activeFont=Fira Sans Condensed ExtraBold,10,-1,5,81,0,0,0,0,0,Regular -activeForeground=223,223,223 -inactiveBackground=50,50,50 -inactiveBlend=50,50,50 -inactiveForeground=223,223,223,100 diff --git a/pika-kde-settings/etc/skel/.config/ksmserverrc b/pika-kde-settings/etc/skel/.config/ksmserverrc deleted file mode 100644 index 2ed164a..0000000 --- a/pika-kde-settings/etc/skel/.config/ksmserverrc +++ /dev/null @@ -1,5 +0,0 @@ -[$Version] -update_info=ksmserver_update_loginMode_value.upd:ksmserver_update_loginMode_value_default_enum - -[General] -loginMode=emptySession diff --git a/pika-kde-settings/etc/skel/.config/ksplashrc b/pika-kde-settings/etc/skel/.config/ksplashrc deleted file mode 100644 index c252676..0000000 --- a/pika-kde-settings/etc/skel/.config/ksplashrc +++ /dev/null @@ -1,3 +0,0 @@ -[KSplash] -Engine=none -Theme=None diff --git a/pika-kde-settings/etc/skel/.fonts.conf b/pika-kde-settings/etc/skel/.fonts.conf deleted file mode 100644 index 1481ca5..0000000 --- a/pika-kde-settings/etc/skel/.fonts.conf +++ /dev/null @@ -1,4 +0,0 @@ - - - ~/.fonts - diff --git a/pika-kde-settings/etc/skel/.gtkrc-2.0 b/pika-kde-settings/etc/skel/.gtkrc-2.0 deleted file mode 100644 index 57062e8..0000000 --- a/pika-kde-settings/etc/skel/.gtkrc-2.0 +++ /dev/null @@ -1,11 +0,0 @@ -gtk-theme-name="Orchis-Dark" -gtk-enable-animations=1 -gtk-primary-button-warps-slider=0 -gtk-toolbar-style=3 -gtk-menu-images=1 -gtk-button-images=1 -gtk-cursor-theme-size=24 -gtk-cursor-theme-name="breeze_cursors" -gtk-icon-theme-name="Papirus" -gtk-font-name="Fira Sans Book, 10" -