From 59ece1c324d0da059688d5d831736436afec8e0f Mon Sep 17 00:00:00 2001 From: euletheia <154215350+euletheia@users.noreply.github.com> Date: Thu, 28 May 2026 05:27:15 +0200 Subject: [PATCH] feat(Themes): add support for GTK3 dynamic theming Instead of overriding named colors of all GTK3 themes via the config directory file, we only override named colors for each variant of the adw-gtk3 theme (light and dark), and let GTK3 apps change themes depending on the value of org.gnome.desktop.interface color-scheme. --- core/cmd/dms/commands_matugen.go | 4 + core/internal/greeter/installer.go | 1 + core/internal/matugen/matugen.go | 37 +- core/internal/server/matugen_handler.go | 1 + quickshell/Common/Theme.qml | 5 +- quickshell/matugen/configs/gtk3-dark.toml | 6 +- quickshell/matugen/configs/gtk3-light.toml | 6 +- quickshell/matugen/templates/gtk-colors.css | 4 + .../matugen/templates/gtk-light-colors.css | 7803 +---------------- quickshell/scripts/gtk.sh | 63 +- 10 files changed, 82 insertions(+), 7848 deletions(-) diff --git a/core/cmd/dms/commands_matugen.go b/core/cmd/dms/commands_matugen.go index 566f3600f..ff24d0eb8 100644 --- a/core/cmd/dms/commands_matugen.go +++ b/core/cmd/dms/commands_matugen.go @@ -47,6 +47,7 @@ func init() { cmd.Flags().String("state-dir", "", "State directory for cache files") cmd.Flags().String("shell-dir", "", "DMS shell installation directory") cmd.Flags().String("config-dir", "", "User config directory") + cmd.Flags().String("data-dir", "", "User data directory") cmd.Flags().String("kind", "image", "Source type: image or hex") cmd.Flags().String("value", "", "Wallpaper path or hex color") cmd.Flags().String("mode", "dark", "Color mode: dark or light") @@ -68,6 +69,7 @@ func buildMatugenOptions(cmd *cobra.Command) matugen.Options { stateDir, _ := cmd.Flags().GetString("state-dir") shellDir, _ := cmd.Flags().GetString("shell-dir") configDir, _ := cmd.Flags().GetString("config-dir") + dataDir, _ := cmd.Flags().GetString("data-dir") kind, _ := cmd.Flags().GetString("kind") value, _ := cmd.Flags().GetString("value") mode, _ := cmd.Flags().GetString("mode") @@ -84,6 +86,7 @@ func buildMatugenOptions(cmd *cobra.Command) matugen.Options { StateDir: stateDir, ShellDir: shellDir, ConfigDir: configDir, + DataDir: dataDir, Kind: kind, Value: value, Mode: matugen.ColorMode(mode), @@ -121,6 +124,7 @@ func runMatugenQueue(cmd *cobra.Command, args []string) { "stateDir": opts.StateDir, "shellDir": opts.ShellDir, "configDir": opts.ConfigDir, + "dataDir": opts.DataDir, "kind": opts.Kind, "value": opts.Value, "mode": opts.Mode, diff --git a/core/internal/greeter/installer.go b/core/internal/greeter/installer.go index bc8925906..e97e510fd 100644 --- a/core/internal/greeter/installer.go +++ b/core/internal/greeter/installer.go @@ -1145,6 +1145,7 @@ func syncGreeterDynamicOverrideColors(dmsPath, homeDir string, state greeterThem StateDir: greeterOverrideColorsStateDir(homeDir), ShellDir: dmsPath, ConfigDir: filepath.Join(homeDir, ".config"), + DataDir: filepath.Join(homeDir, ".local/share"), Kind: "image", Value: state.ResolvedGreeterWallpaperPath, Mode: mode, diff --git a/core/internal/matugen/matugen.go b/core/internal/matugen/matugen.go index bdf846733..8ff044448 100644 --- a/core/internal/matugen/matugen.go +++ b/core/internal/matugen/matugen.go @@ -95,6 +95,7 @@ type Options struct { StateDir string ShellDir string ConfigDir string + DataDir string Kind string Value string Mode ColorMode @@ -143,6 +144,9 @@ func Run(opts Options) error { if opts.ConfigDir == "" { return fmt.Errorf("config-dir is required") } + if opts.DataDir == "" { + return fmt.Errorf("data-dir is required") + } if opts.Kind == "" { return fmt.Errorf("kind is required") } @@ -283,16 +287,14 @@ func buildOnce(opts *Options) (bool, error) { return true, nil } - if isDMSGTKActive(opts.ConfigDir) { - switch opts.Mode { - case ColorModeLight: - syncAccentColor(primaryLight) - default: - syncAccentColor(primaryDark) - } - refreshGTK(opts.Mode) - refreshGTK4() + switch opts.Mode { + case ColorModeLight: + syncAccentColor(primaryLight) + default: + syncAccentColor(primaryDark) } + refreshGTK(opts.Mode) + refreshGTK4() if !opts.ShouldSkipTemplate("qt6ct") && appExists(opts.AppChecker, []string{"qt6ct"}, nil) { refreshQt6ct() @@ -776,23 +778,6 @@ func generateDank16Variants(primaryDark, primaryLight, surface string, mode Colo return dank16.GenerateVariantJSON(variantColors) } -func isDMSGTKActive(configDir string) bool { - gtkCSS := filepath.Join(configDir, "gtk-3.0", "gtk.css") - - info, err := os.Lstat(gtkCSS) - if err != nil { - return false - } - - if info.Mode()&os.ModeSymlink != 0 { - target, err := os.Readlink(gtkCSS) - return err == nil && strings.Contains(target, "dank-colors.css") - } - - data, err := os.ReadFile(gtkCSS) - return err == nil && strings.Contains(string(data), "dank-colors.css") -} - func refreshGTK(mode ColorMode) { if err := utils.GsettingsSet("org.gnome.desktop.interface", "gtk-theme", ""); err != nil { log.Warnf("Failed to reset gtk-theme: %v", err) diff --git a/core/internal/server/matugen_handler.go b/core/internal/server/matugen_handler.go index 73c6ad610..c1bcdbed2 100644 --- a/core/internal/server/matugen_handler.go +++ b/core/internal/server/matugen_handler.go @@ -19,6 +19,7 @@ func handleMatugenQueue(conn net.Conn, req models.Request) { StateDir: models.GetOr(req, "stateDir", ""), ShellDir: models.GetOr(req, "shellDir", ""), ConfigDir: models.GetOr(req, "configDir", ""), + DataDir: models.GetOr(req, "dataDir", ""), Kind: models.GetOr(req, "kind", ""), Value: models.GetOr(req, "value", ""), Mode: matugen.ColorMode(models.GetOr(req, "mode", "")), diff --git a/quickshell/Common/Theme.qml b/quickshell/Common/Theme.qml index 0b0befadc..2f2d50d2e 100644 --- a/quickshell/Common/Theme.qml +++ b/quickshell/Common/Theme.qml @@ -41,6 +41,7 @@ Singleton { readonly property string homeDir: Paths.strip(StandardPaths.writableLocation(StandardPaths.HomeLocation)) readonly property string configDir: Paths.strip(StandardPaths.writableLocation(StandardPaths.ConfigLocation)) + readonly property string dataDir: Paths.strip(StandardPaths.writableLocation(StandardPaths.GenericDataLocation)) readonly property string shellDir: Paths.strip(Qt.resolvedUrl(".").toString()).replace("/Common/", "") readonly property string wallpaperPath: { if (typeof SessionData === "undefined") @@ -1612,7 +1613,7 @@ Singleton { log.debug("Starting matugen worker"); workerRunning = true; - const args = ["dms", "matugen", "queue", "--state-dir", stateDir, "--shell-dir", shellDir, "--config-dir", configDir, "--kind", desired.kind, "--value", desired.value, "--mode", desired.mode, "--icon-theme", desired.iconTheme, "--matugen-type", desired.matugenType,]; + const args = ["dms", "matugen", "queue", "--state-dir", stateDir, "--shell-dir", shellDir, "--config-dir", configDir, "--data-dir", dataDir, "--kind", desired.kind, "--value", desired.value, "--mode", desired.mode, "--icon-theme", desired.iconTheme, "--matugen-type", desired.matugenType,]; if (!desired.runUserTemplates) { args.push("--run-user-templates=false"); @@ -1865,7 +1866,7 @@ Singleton { } const isLight = (typeof SessionData !== "undefined" && SessionData.isLightMode) ? "true" : "false"; - Proc.runCommand("gtkApplier", [shellDir + "/scripts/gtk.sh", configDir, isLight, shellDir], (output, exitCode) => { + Proc.runCommand("gtkApplier", [shellDir + "/scripts/gtk.sh", configDir, dataDir, isLight, shellDir], (output, exitCode) => { if (exitCode === 0) { if (typeof ToastService !== "undefined" && typeof NiriService !== "undefined" && !NiriService.matugenSuppression) { ToastService.showInfo(I18n.tr("GTK colors applied successfully")); diff --git a/quickshell/matugen/configs/gtk3-dark.toml b/quickshell/matugen/configs/gtk3-dark.toml index 573e8bfa3..1a1d304e2 100644 --- a/quickshell/matugen/configs/gtk3-dark.toml +++ b/quickshell/matugen/configs/gtk3-dark.toml @@ -1,6 +1,10 @@ [templates.dmsgtk3] input_path = 'SHELL_DIR/matugen/templates/gtk-colors.css' -output_path = 'CONFIG_DIR/gtk-3.0/dank-colors.css' +output_path = 'DATA_DIR/themes/adw-gtk3-dark/gtk-3.0/dank-colors.css' +post_hook = ''' +sed -i.backup '/\/\* BEGIN DMS OVERRIDE \*\//,/\/\* END DMS OVERRIDE \*\//d' 'DATA_DIR/themes/adw-gtk3-dark/gtk-3.0/gtk.css' +cat 'DATA_DIR/themes/adw-gtk3-dark/gtk-3.0/dank-colors.css' >> 'DATA_DIR/themes/adw-gtk3-dark/gtk-3.0/gtk.css' +''' [templates.dmsgtk4] input_path = 'SHELL_DIR/matugen/templates/gtk-colors.css' diff --git a/quickshell/matugen/configs/gtk3-light.toml b/quickshell/matugen/configs/gtk3-light.toml index 91b21b6e5..e2fd20c5b 100644 --- a/quickshell/matugen/configs/gtk3-light.toml +++ b/quickshell/matugen/configs/gtk3-light.toml @@ -1,6 +1,10 @@ [templates.dmsgtk3] input_path = 'SHELL_DIR/matugen/templates/gtk-light-colors.css' -output_path = 'CONFIG_DIR/gtk-3.0/dank-colors.css' +output_path = 'DATA_DIR/themes/adw-gtk3/gtk-3.0/dank-colors.css' +post_hook = ''' +sed -i.backup '/\/\* BEGIN DMS OVERRIDE \*\//,/\/\* END DMS OVERRIDE \*\//d' 'DATA_DIR/themes/adw-gtk3/gtk-3.0/gtk.css'; +cat 'DATA_DIR/themes/adw-gtk3/gtk-3.0/dank-colors.css' >> 'DATA_DIR/themes/adw-gtk3/gtk-3.0/gtk.css' +''' [templates.dmsgtk4] input_path = 'SHELL_DIR/matugen/templates/gtk-colors.css' diff --git a/quickshell/matugen/templates/gtk-colors.css b/quickshell/matugen/templates/gtk-colors.css index 2d181aa47..e620755d6 100644 --- a/quickshell/matugen/templates/gtk-colors.css +++ b/quickshell/matugen/templates/gtk-colors.css @@ -1,3 +1,5 @@ +/* BEGIN DMS OVERRIDE */ + /* * GTK Colors * Generated with Matugen @@ -46,3 +48,5 @@ a color between surface and surface container so I think just giving this surfac @define-color theme_unfocused_base_color @window_bg_color; @define-color theme_unfocused_selected_bg_color @accent_bg_color; @define-color theme_unfocused_selected_fg_color @accent_fg_color; + +/* END DMS OVERRIDE */ diff --git a/quickshell/matugen/templates/gtk-light-colors.css b/quickshell/matugen/templates/gtk-light-colors.css index a8d52d1f2..77437b968 100644 --- a/quickshell/matugen/templates/gtk-light-colors.css +++ b/quickshell/matugen/templates/gtk-light-colors.css @@ -1,7806 +1,11 @@ +/* BEGIN DMS OVERRIDE */ + /* * GTK Colors * Generated with Matugen */ -/* Upstream adw-gtk3, I couldnt get light mode colors to work without it */ - -@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; -@define-color accent_bg_color @blue_3; -@define-color accent_fg_color white; -@define-color destructive_bg_color @red_3; -@define-color destructive_fg_color white; -@define-color success_bg_color @green_4; -@define-color success_fg_color white; -@define-color warning_bg_color @yellow_5; -@define-color warning_fg_color rgba(0,0,0,0.8); -@define-color error_bg_color @red_3; -@define-color error_fg_color white; -@define-color accent_color mix(@accent_bg_color,black,0.17); -@define-color destructive_color mix(@destructive_bg_color,black,0.17); -@define-color success_color mix(@success_bg_color,black,0.17); -@define-color warning_color mix(@warning_bg_color,black,0.17); -@define-color error_color mix(@error_bg_color,black,0.17); -@define-color window_bg_color #fafafb; -@define-color window_fg_color #323233; -@define-color view_bg_color #ffffff; -@define-color view_fg_color #333334; -@define-color headerbar_bg_color #ebebed; -@define-color headerbar_fg_color #2f2f30; -@define-color headerbar_border_color rgba(0, 0, 6, 0.8); -@define-color headerbar_backdrop_color @window_bg_color; -@define-color headerbar_shade_color rgba(0, 0, 6, 0.12); -@define-color headerbar_darker_shade_color rgba(0, 0, 6, 0.12); -@define-color sidebar_bg_color #ebebed; -@define-color sidebar_fg_color #2f2f30; -@define-color sidebar_backdrop_color #f2f2f4; -@define-color sidebar_shade_color rgba(0, 0, 6, 0.07); -@define-color sidebar_border_color rgba(0, 0, 6, 0.07); -@define-color card_bg_color #ffffff; -@define-color card_fg_color #333334; -@define-color card_shade_color rgba(0, 0, 6, 0.07); -@define-color dialog_bg_color #fafafb; -@define-color dialog_fg_color #323233; -@define-color popover_bg_color #ffffff; -@define-color popover_fg_color #333334; -@define-color popover_shade_color rgba(0, 0, 6, 0.07); -@define-color thumbnail_bg_color #ffffff; -@define-color thumbnail_fg_color #333334; -@define-color shade_color rgba(0, 0, 6, 0.07); -@define-color scrollbar_outline_color white; -@define-color panel_bg_color black; -@define-color panel_fg_color white; -@define-color theme_fg_color @window_fg_color; -@define-color theme_text_color @view_fg_color; -@define-color theme_bg_color @window_bg_color; -@define-color theme_base_color @view_bg_color; -@define-color theme_selected_bg_color @accent_bg_color; -@define-color theme_selected_fg_color @accent_fg_color; -@define-color insensitive_bg_color mix(@window_bg_color,@view_bg_color,0.4); -@define-color insensitive_fg_color alpha(@window_fg_color,0.5); -@define-color insensitive_base_color @view_bg_color; -@define-color theme_unfocused_fg_color mix(@window_fg_color,@window_bg_color,0.5); -@define-color theme_unfocused_text_color @view_fg_color; -@define-color theme_unfocused_bg_color @window_bg_color; -@define-color theme_unfocused_base_color @window_bg_color; -@define-color theme_unfocused_selected_bg_color @accent_bg_color; -@define-color theme_unfocused_selected_fg_color @accent_fg_color; -@define-color unfocused_insensitive_color mix(mix(@window_fg_color,@window_bg_color,0.5),@window_bg_color,0.5); -@define-color borders mix(currentColor,@window_bg_color,0.85); -@define-color unfocused_borders mix(currentColor,@window_bg_color,0.81); -@define-color warning_color @warning_color; -@define-color error_color @error_color; -@define-color success_color @success_color; -@define-color wm_title shade(@window_fg_color, 1.8); -@define-color wm_unfocused_title mix(@window_fg_color,@window_bg_color,0.5); -@define-color wm_highlight alpha(white,0.5); -@define-color wm_borders_edge alpha(white,0.5); -@define-color wm_bg_a shade(@window_bg_color, 1.2); -@define-color wm_bg_b @window_bg_color; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(@window_bg_color, 1.3); -@define-color wm_button_hover_color_b @window_bg_color; -@define-color wm_button_active_color_a shade(@window_bg_color, 0.85); -@define-color wm_button_active_color_b shade(@window_bg_color, 0.89); -@define-color wm_button_active_color_c shade(@window_bg_color, 0.9); -@define-color content_view_bg @view_bg_color; -@define-color text_view_bg @view_bg_color; -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: @error_bg_color; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 24; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.3); - outline-style: dashed; - outline-offset: -3px; - outline-width: 1px; - -gtk-outline-radius: 7px; - -gtk-secondary-caret-color: @accent_bg_color; -} - -.background { - color: @window_fg_color; - background-color: @window_bg_color; -} -.background:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; -} - -*:disabled { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - color: @window_fg_color; - background-color: @window_bg_color; -} -.gtkstyle-fallback:hover { - color: @window_fg_color; - background-color: shade(@window_bg_color,1.1); -} -.gtkstyle-fallback:active { - color: @window_fg_color; - background-color: shade(@window_bg_color,0.9); -} -.gtkstyle-fallback:disabled { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_bg_color,@view_bg_color,0.4); -} -.gtkstyle-fallback:selected { - color: @accent_fg_color; - background-color: @accent_bg_color; -} - -.osd .scale-popup, .app-notification, -.app-notification.frame, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, -.osd { - color: rgba(255, 255, 255, 0.9); - border: none; - background-color: rgba(0, 0, 0, 0.7); - background-clip: padding-box; -} - -treeview.view:selected:focus, treeview.view:selected, headerbar entry selection, .titlebar entry selection, -entry selection, spinbutton:not(.vertical) selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, -textview text selection:focus, -textview text selection, .view:selected, iconview:selected, -.view text:selected, -iconview text:selected, -textview text:selected { - background-color: alpha(@accent_bg_color,0.25); -} -.selection-mode button.titlebutton, treeview.view:selected:focus, treeview.view:selected, headerbar entry selection, .titlebar entry selection, -entry selection, spinbutton:not(.vertical) selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, -textview text selection:focus, -textview text selection, .view:selected, iconview:selected, -.view text:selected, -iconview text:selected, -textview text:selected { - color: @window_fg_color; -} -.view, iconview, -.view text, -iconview text, -textview text { - color: @view_fg_color; - background-color: @view_bg_color; - caret-color: shade(@view_fg_color,1.05); -} -.view:disabled, iconview:disabled, -.view text:disabled, -iconview text:disabled, -textview text:disabled { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_bg_color,@view_bg_color,0.4); -} -.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, -textview text:selected:focus, -.view text:selected, -iconview text:selected, -textview text:selected { - border-radius: 9px; -} - -textview border { - background-color: mix(@window_bg_color,@view_bg_color,0.5); -} - -.rubberband, -rubberband, -XfdesktopIconView.view .rubberband, -.content-view rubberband, -.content-view .rubberband, -treeview.view rubberband, -flowbox rubberband { - border: 1px solid @accent_color; - background-color: alpha(@accent_color,0.2); -} - -flowbox flowboxchild { - padding: 3px; -} -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -.content-view .tile { - margin: 2px; - background-color: transparent; - border-radius: 0; - padding: 0; -} -.content-view .tile:backdrop { - background-color: transparent; -} -.content-view .tile:active, .content-view .tile:selected { - background-color: transparent; -} -.content-view .tile:disabled { - background-color: transparent; -} - -headerbar entry selection, .titlebar entry selection { - background-color: alpha(@accent_bg_color,0.25); -} -.selection-mode button.titlebutton, label:selected, headerbar entry selection, .titlebar entry selection { - color: @window_fg_color; -} -label { - caret-color: currentColor; -} -label selection { - background-color: @accent_bg_color; - color: @accent_fg_color; -} -label:disabled { - color: alpha(@window_fg_color,0.5); -} -button label:disabled { - color: inherit; -} -label:disabled:backdrop { - color: alpha(@window_fg_color,0.5); -} -button label:disabled:backdrop { - color: inherit; -} -label.error { - color: @error_bg_color; -} -label.error:disabled { - color: alpha(@error_bg_color,0.5); -} -label.error:disabled:backdrop { - color: alpha(@error_bg_color,0.4); -} - -assistant.csd .sidebar { - border-top-style: none; -} -assistant .sidebar label { - padding: 6px 12px; -} -assistant .sidebar label.highlight { - background-color: alpha(currentColor,0.1); -} - -.dim-label, .welcome .dim-label, -headerbar .subtitle, .titlebar:not(headerbar) .subtitle, label.separator { - opacity: 0.55; - text-shadow: none; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} -spinner { - background: none; -} -spinner:backdrop { - color: mix(@window_fg_color,@window_bg_color,0.5); -} -spinner { - 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; -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(@accent_bg_color), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@accent_bg_color), to(transparent)); - } -} -notebook > header > tabs > arrow, -button { - min-height: 24px; - min-width: 16px; - padding: 4px 10px; - border: 1px solid; - border-color: transparent; - border-radius: 9px; - transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - font-weight: bold; - -gtk-outline-radius: 7px; - color: @window_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.9); -} -notebook > header > tabs > arrow, -button { - outline: 0 solid transparent; - outline-offset: 4px; - transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -notebook > header > tabs > arrow:focus, -button:focus { - outline-color: alpha(@accent_color,0.5); - outline-width: 2px; - outline-offset: -2px; -} -button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, -button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - transition: none; -} -button.sidebar-button:hover, notebook > header > tabs > arrow:hover, -button.flat:hover { - transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, -button.flat:hover:active { - transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -notebook > header > tabs > arrow:hover, -button:hover { - color: @window_fg_color; - background-color: mix(@window_fg_color,@window_bg_color,0.85); - box-shadow: none; - -gtk-icon-effect: highlight; -} -notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, -button:active, -button:checked { - color: @window_fg_color; - background-color: mix(@window_fg_color,@window_bg_color,0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -notebook > header > tabs > arrow:active:hover, notebook > header > tabs > arrow:checked:hover, -button:active:hover, -button:checked:hover { - background-color: mix(@window_fg_color,@window_bg_color,0.65); -} -notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, -button:active, -button:checked { - transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, -button:active, -button:checked { - outline: 0 solid transparent; - outline-offset: 4px; - transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -notebook > header > tabs > arrow:active:focus, notebook > header > tabs > arrow:checked:focus, -button:active:focus, -button:checked:focus { - outline-color: alpha(@accent_color,0.5); - outline-width: 2px; - outline-offset: -2px; -} -notebook > header > tabs > arrow:backdrop, -button:backdrop.flat, -button:backdrop { - transition: 200ms ease-out; - -gtk-icon-effect: none; -} -button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, -button.flat:backdrop, -button.flat:disabled, -button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; -} - -notebook > header > tabs > arrow:disabled, -button:disabled { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} -notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, -button:disabled:active, -button:disabled:checked { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.7); - box-shadow: none; -} -notebook > header > tabs > arrow.image-button, -button.image-button { - min-width: 24px; - padding-left: 4px; - padding-right: 4px; -} -notebook > header > tabs > arrow.text-button, -button.text-button { - padding-left: 10px; - padding-right: 10px; -} -notebook > header > tabs > arrow.text-button.image-button, -button.text-button.image-button { - padding-left: 4px; - padding-right: 4px; -} -notebook > header > tabs > arrow.text-button.image-button label, -button.text-button.image-button label { - padding-left: 4px; - padding-right: 4px; -} -combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), -button:drop(active) { - color: @accent_bg_color; - border-color: @accent_bg_color; - box-shadow: inset 0 0 0 1px @accent_bg_color; -} - -row:selected button { - border-color: mix(black,@accent_bg_color,0.85); -} -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), -row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: @window_fg_color; - border-color: transparent; -} - -button.osd { - min-width: 32px; - min-height: 32px; -} -button.osd.image-button { - min-width: 34px; -} -button.osd { - color: rgba(255, 255, 255, 0.9); - border-radius: 5px; - color: white; - border-color: transparent; - background-color: rgba(0, 0, 0, 0.65); - background-clip: padding-box; - border: none; - box-shadow: none; -} -button.osd:hover { - color: white; - border-color: transparent; - background-color: mix(black,currentColor,0.25); - background-clip: padding-box; - border: none; - box-shadow: none; -} -button.osd:active, -button.osd:checked { - color: white; - border-color: transparent; - background-color: mix(black,currentColor,0.2); - background-clip: padding-box; - border: none; - box-shadow: none; -} -button.osd:disabled:backdrop, -button.osd:disabled { - color: rgba(255, 255, 255, 0.5); - border-color: transparent; - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} -button.osd:backdrop { - color: rgba(255, 255, 255, 0.9); - border-color: transparent; - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} -.app-notification button, -.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, -.osd button { - color: white; - border-color: transparent; - background-color: rgba(0, 0, 0, 0.65); - background-clip: padding-box; -} -.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, -.osd button:hover { - color: white; - border-color: transparent; - background-color: mix(black,currentColor,0.25); - background-clip: padding-box; -} -.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, -.osd button:active:backdrop, -.osd button:active, -.osd button:checked:backdrop, -.osd button:checked { - color: white; - border-color: transparent; - background-color: mix(black,currentColor,0.2); - background-clip: padding-box; -} -.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, -.osd button:disabled:backdrop, -.osd button:disabled { - color: rgba(255, 255, 255, 0.5); - border-color: transparent; - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -.app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, -.osd button:backdrop { - color: rgba(255, 255, 255, 0.9); - border-color: transparent; - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; -} -.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, -.osd button.flat:hover { - color: white; - border-color: transparent; - background-color: mix(black,currentColor,0.25); - background-clip: padding-box; -} -.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, -.osd button.flat:disabled { - color: rgba(255, 255, 255, 0.5); - border-color: transparent; - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-image: none; - border-color: transparent; - box-shadow: none; -} -.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, -.osd button.flat:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; -} -.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, -.osd button.flat:active, -.osd button.flat:checked { - color: white; - border-color: transparent; - background-color: mix(black,currentColor,0.2); - background-clip: padding-box; -} - -button.suggested-action { - color: white; - outline-color: alpha(@accent_color,0.5); - background-color: mix(white,@accent_bg_color,0.9); -} -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @accent_bg_color; -} -button.suggested-action:hover { - color: white; - background-color: mix(white,@accent_bg_color,0.85); - box-shadow: none; -} -button.suggested-action:active, -button.suggested-action:checked { - color: white; - background-color: mix(white,@accent_bg_color,0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -button.suggested-action:active:hover, -button.suggested-action:checked:hover { - background-color: mix(white,@accent_bg_color,0.65); -} -button.suggested-action.flat:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: alpha(@accent_bg_color,0.8); -} -button.suggested-action:disabled { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} -button.suggested-action:disabled:active, -button.suggested-action:disabled:checked { - color: alpha(white,0.5); - background-color: mix(white,@accent_bg_color,0.7); - box-shadow: none; -} -.osd button.suggested-action { - color: white; - border-color: transparent; - background-color: rgba(0, 0, 0, 0.65); - background-clip: padding-box; -} -.osd button.suggested-action:hover { - color: white; - border-color: transparent; - background-color: mix(black,currentColor,0.25); - background-clip: padding-box; -} -.osd button.suggested-action:active:backdrop, -.osd button.suggested-action:active, -.osd button.suggested-action:checked:backdrop, -.osd button.suggested-action:checked { - color: white; - border-color: transparent; - background-color: mix(black,currentColor,0.2); - background-clip: padding-box; -} -.osd button.suggested-action:disabled:backdrop, -.osd button.suggested-action:disabled { - color: rgba(255, 255, 255, 0.5); - border-color: transparent; - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -.osd button.suggested-action:backdrop { - color: rgba(255, 255, 255, 0.9); - border-color: transparent; - background-color: transparent; - background-image: image(alpha(@accent_bg_color,0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -button.destructive-action { - color: @destructive_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@destructive_color,alpha(currentColor,0.15),0.9); -} -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @destructive_color; -} -button.destructive-action:hover { - color: @destructive_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@destructive_color,alpha(currentColor,0.2),0.9); -} -button.destructive-action:focus { - outline-color: @destructive_color; -} -button.destructive-action:active, -button.destructive-action:checked { - color: @destructive_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@destructive_color,alpha(currentColor,0.35),0.9); -} -button.destructive-action:active:hover, -button.destructive-action:checked:hover { - color: @destructive_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@destructive_color,alpha(currentColor,0.4),0.9); -} -button.destructive-action.flat:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: alpha(@destructive_bg_color,0.8); -} -button.destructive-action:disabled { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} -button.destructive-action:disabled:active, -button.destructive-action:disabled:checked { - color: alpha(@destructive_color,0.5); - background-color: mix(@destructive_color,alpha(currentColor,0.15),0.7); - box-shadow: none; -} -.osd button.destructive-action { - color: white; - border-color: transparent; - background-color: rgba(0, 0, 0, 0.65); - background-clip: padding-box; -} -.osd button.destructive-action:hover { - color: white; - border-color: transparent; - background-color: mix(black,currentColor,0.25); - background-clip: padding-box; -} -.osd button.destructive-action:active:backdrop, -.osd button.destructive-action:active, -.osd button.destructive-action:checked:backdrop, -.osd button.destructive-action:checked { - color: white; - border-color: transparent; - background-color: mix(black,currentColor,0.2); - background-clip: padding-box; -} -.osd button.destructive-action:disabled:backdrop, -.osd button.destructive-action:disabled { - color: rgba(255, 255, 255, 0.5); - border-color: transparent; - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -.osd button.destructive-action:backdrop { - color: rgba(255, 255, 255, 0.9); - border-color: transparent; - background-color: transparent; - background-image: image(alpha(alpha(currentColor,0.15),0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -.stack-switcher > button { - outline-offset: -3px; -} -.stack-switcher > button > label { - padding-left: 6px; - padding-right: 6px; -} -.stack-switcher > button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; -} -.stack-switcher > button.text-button { - padding-left: 10px; - padding-right: 10px; -} -.stack-switcher > button.image-button { - padding-left: 2px; - padding-right: 2px; -} -.stack-switcher > button.needs-attention:active > label, -.stack-switcher > button.needs-attention:active > image, -.stack-switcher > button.needs-attention:checked > label, -.stack-switcher > button.needs-attention:checked > image { - animation: none; - background-image: none; -} -button.font separator, -button.file separator { - background-color: transparent; -} -button.font > box > box > label { - font-weight: bold; -} -.primary-toolbar button { - -gtk-icon-shadow: none; -} -button.circular { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - padding: 4px; -} -button.circular label { - padding: 0; -} -button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { - color: @window_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.9); - border-color: transparent; -} -button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { - color: @window_fg_color; - background-color: mix(@window_fg_color,@window_bg_color,0.85); - box-shadow: none; - border-color: transparent; -} -button.circular { - background-origin: padding-box, border-box; - background-clip: padding-box, border-box; -} - -stacksidebar row.needs-attention > label, -.stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: radial-gradient(farthest-side, @accent_color 96%, transparent); - background-size: 6px 6px; - background-repeat: no-repeat; - background-position: right 3px; -} -stacksidebar row.needs-attention > label:dir(rtl), -.stack-switcher > button.needs-attention > label:dir(rtl), -.stack-switcher > button.needs-attention > image:dir(rtl) { - background-position: left 3px; -} - -.inline-toolbar toolbutton > button { - color: @window_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.9); -} -.inline-toolbar toolbutton > button:hover { - color: @window_fg_color; - background-color: mix(@window_fg_color,@window_bg_color,0.85); - box-shadow: none; -} -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: @window_fg_color; - background-color: mix(@window_fg_color,@window_bg_color,0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -.inline-toolbar toolbutton > button:active:hover, .inline-toolbar toolbutton > button:checked:hover { - background-color: mix(@window_fg_color,@window_bg_color,0.65); -} -.inline-toolbar toolbutton > button:disabled { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.7); - box-shadow: none; -} -.inline-toolbar toolbutton > button:backdrop { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.9); - text-shadow: none; - -gtk-icon-shadow: none; -} -.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.7); -} -.inline-toolbar toolbutton > button:backdrop:active:hover, .inline-toolbar toolbutton > button:backdrop:checked:hover { - background-color: mix(@window_fg_color,@window_bg_color,0.6); -} -.inline-toolbar toolbutton > button:backdrop:disabled { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.9); - text-shadow: none; - -gtk-icon-shadow: none; -} -.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.7); -} - -modelbutton.flat, -.menuitem.button.flat { - min-height: 32px; - padding-left: 5px; - padding-right: 5px; - border-radius: 9px; - outline-offset: -2px; -} -modelbutton.flat:hover, -.menuitem.button.flat:hover { - background-color: alpha(currentColor,0.1); -} -modelbutton.flat:selected, -.menuitem.button.flat:selected { - background-color: alpha(currentColor,0.1); -} - -modelbutton.flat arrow { - background: none; -} -modelbutton.flat arrow:hover { - background: none; -} -modelbutton.flat arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} -modelbutton.flat arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -button.color { - padding: 4px; -} -button.color colorswatch:only-child, button.color colorswatch:only-child overlay { - border-radius: 0; -} -.osd button.color colorswatch:only-child { - box-shadow: none; -} -.osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { - box-shadow: none; -} - -list row button.image-button:not(.flat):hover { - background-color: alpha(currentColor,0.04); -} -list row button.image-button:not(.flat):active { - background-color: alpha(currentColor,0.08); -} -list row button.image-button:not(.flat):checked { - background-color: alpha(@accent_bg_color,0.25); -} -list row button.image-button:not(.flat):checked:hover { - background-color: alpha(@accent_bg_color,0.32); -} -list row button.image-button:not(.flat):checked:active { - background-color: alpha(@accent_bg_color,0.39); -} - -button.toggle:not(.image-button) { - padding-left: 8px; - padding-right: 8px; -} - -.osd .linked > button { - border-color: transparent; -} - -.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .xfce4-panel.background button menu .linked button, headerbar .linked.raised button:not(:only-child), -headerbar .linked button:not(:only-child), headerbar > .stack-switcher.linked > button:not(:only-child), .titlebar .linked.raised button:not(:only-child), -.titlebar .linked button:not(:only-child), .titlebar > .stack-switcher.linked > button:not(:only-child), -.linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton:not(.vertical), -.inline-toolbar button, -.linked > button, toolbar.inline-toolbar toolbutton > button.flat { - border-left-color: alpha(currentColor,0.15); - border-right-color: alpha(currentColor,0.15); - border-right-style: none; - border-radius: 0; - -gtk-outline-radius: 0; -} - -combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .xfce4-panel.background button menu .linked button:first-child, -headerbar .linked button:first-child:not(:only-child), -.titlebar .linked button:first-child:not(:only-child), -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), -.inline-toolbar button:first-child, -.linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-left-color: transparent; - border-top-left-radius: 9px; - border-bottom-left-radius: 9px; - -gtk-outline-top-left-radius: 9px; - -gtk-outline-bottom-left-radius: 9px; -} -combobox.linked button:not(button):focus:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo:not(button):focus, filechooser .path-bar.linked > button:not(button):focus:dir(rtl):last-child, .xfce4-panel.background button menu .linked button:not(button):focus:first-child, -headerbar .linked button:not(button):focus:first-child:not(:only-child), -.titlebar .linked button:not(button):focus:first-child:not(:only-child), -.linked:not(.vertical) > entry:not(button):focus:first-child, .linked:not(.vertical) > spinbutton:not(button):focus:first-child:not(.vertical), -.inline-toolbar button:not(button):focus:first-child, -.linked > button:not(button):focus:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat:not(button):focus { - border-left-color: alpha(@accent_color,0.5); -} - -combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .xfce4-panel.background button menu .linked button:last-child, -headerbar .linked button:last-child:not(:only-child), -.titlebar .linked button:last-child:not(:only-child), -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), -.inline-toolbar button:last-child, -.linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-right-color: transparent; - border-right-style: solid; - border-top-right-radius: 9px; - border-bottom-right-radius: 9px; - -gtk-outline-top-right-radius: 9px; - -gtk-outline-bottom-right-radius: 9px; -} -combobox.linked button:not(button):focus:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo:not(button):focus, filechooser .path-bar.linked > button:not(button):focus:dir(rtl):first-child, .xfce4-panel.background button menu .linked button:not(button):focus:last-child, -headerbar .linked button:not(button):focus:last-child:not(:only-child), -.titlebar .linked button:not(button):focus:last-child:not(:only-child), -.linked:not(.vertical) > entry:not(button):focus:last-child, .linked:not(.vertical) > spinbutton:not(button):focus:last-child:not(.vertical), -.inline-toolbar button:not(button):focus:last-child, -.linked > button:not(button):focus:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat:not(button):focus { - border-right-color: alpha(@accent_color,0.5); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .xfce4-panel.background button menu .linked button:only-child, -headerbar .linked button:only-child:not(:only-child), -.titlebar .linked button:only-child:not(:only-child), -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), -.inline-toolbar button:only-child, -.linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-style: solid; - border-radius: 9px; - -gtk-outline-radius: 9px; -} - -.xfce4-panel.background button menu .linked button, headerbar .linked.raised button:not(:only-child), -headerbar .linked button:not(:only-child), headerbar > .stack-switcher.linked > button:not(:only-child), .titlebar .linked.raised button:not(:only-child), -.titlebar .linked button:not(:only-child), .titlebar > .stack-switcher.linked > button:not(:only-child), -.linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton:not(.vertical), -.inline-toolbar button, -.linked > button { - border-left-color: alpha(currentColor,0.15); - border-right-color: alpha(currentColor,0.15); -} -.linked.vertical > combobox > box > button.combo, -.linked.vertical > entry, .linked.vertical > spinbutton:not(.vertical), -.linked.vertical > button { - border-top-color: alpha(currentColor,0.15); - border-bottom-color: alpha(currentColor,0.15); - border-style: solid none none none; - border-radius: 0; - -gtk-outline-radius: 0; -} - -.linked.vertical > combobox:first-child > box > button.combo, -.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), -.linked.vertical > button:first-child { - border-top-color: transparent; - border-top-left-radius: 9px; - border-top-right-radius: 9px; - -gtk-outline-top-left-radius: 9px; - -gtk-outline-top-right-radius: 9px; -} - -.linked.vertical > combobox:last-child > box > button.combo, -.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), -.linked.vertical > button:last-child { - border-bottom-color: transparent; - border-bottom-style: solid; - border-bottom-left-radius: 9px; - border-bottom-right-radius: 9px; - -gtk-outline-bottom-left-radius: 9px; - -gtk-outline-bottom-right-radius: 9px; -} - -.linked.vertical > combobox:only-child > box > button.combo, -.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), -.linked.vertical > button:only-child { - border-style: solid; - border-radius: 9px; - -gtk-outline-radius: 9px; -} - -.linked.vertical > entry, .linked.vertical > spinbutton:not(.vertical), -.linked.vertical > button { - border-top-color: alpha(currentColor,0.15); - border-bottom-color: alpha(currentColor,0.15); -} -.scale-popup button:hover, calendar.button, button:link, -button:visited, button:link:hover, button:link:active, button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, modelbutton.flat, -.menuitem.button.flat, list row button.image-button:not(.flat) { - background-color: transparent; - background-image: none; - border-color: transparent; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; -} - -messagedialog.csd.background button.text-button.suggested-action, .content list button.suggested-action, .content list > row:not(:selected):hover button.suggested-action, -list.content button.suggested-action, -list.content > row:not(:selected):hover button.suggested-action, -list.view.frame button.suggested-action, -list.view.frame > row:not(:selected):hover button.suggested-action, popover.background button.suggested-action, headerbar.selection-mode button, headerbar.selection-mode button.text-button:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar.selection-mode button, .titlebar.selection-mode button.text-button:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar button.suggested-action.text-button:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.suggested-action.text-button:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.suggested-action, -headerbar .linked button.suggested-action:not(:only-child), headerbar > .stack-switcher.linked > button.suggested-action, .titlebar .linked.raised button.suggested-action, -.titlebar .linked button.suggested-action:not(:only-child), .titlebar > .stack-switcher.linked > button.suggested-action, headerbar .linked entry ~ .suggested-action.image-button, .titlebar .linked entry ~ .suggested-action.image-button, headerbar button.suggested-action:not(.titlebutton), .titlebar button.suggested-action:not(.titlebutton), headerbar viewswitcher button.suggested-action.radio:checked, .titlebar viewswitcher button.suggested-action.radio:checked { - color: @accent_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@accent_fg_color,@accent_bg_color,0.9); -} -messagedialog.csd.background button.text-button.suggested-action:hover, .content list button.suggested-action:hover, .content list > row:not(:selected):hover button.suggested-action:hover, -list.content button.suggested-action:hover, -list.content > row:not(:selected):hover button.suggested-action:hover, -list.view.frame button.suggested-action:hover, -list.view.frame > row:not(:selected):hover button.suggested-action:hover, popover.background button.suggested-action:hover, headerbar.selection-mode button:hover, headerbar.selection-mode button.text-button:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar.selection-mode button:hover, .titlebar.selection-mode button.text-button:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar button.suggested-action.text-button:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.suggested-action.text-button:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.suggested-action:hover, -headerbar .linked button.suggested-action:hover:not(:only-child), headerbar > .stack-switcher.linked > button.suggested-action:hover, .titlebar .linked.raised button.suggested-action:hover, -.titlebar .linked button.suggested-action:hover:not(:only-child), .titlebar > .stack-switcher.linked > button.suggested-action:hover, headerbar .linked entry ~ .suggested-action.image-button:hover, .titlebar .linked entry ~ .suggested-action.image-button:hover, headerbar button.suggested-action:hover:not(.titlebutton), .titlebar button.suggested-action:hover:not(.titlebutton), headerbar viewswitcher button.suggested-action.radio:hover:checked, .titlebar viewswitcher button.suggested-action.radio:hover:checked { - color: @accent_fg_color; - background-color: mix(@accent_fg_color,@accent_bg_color,0.85); - box-shadow: none; -} -messagedialog.csd.background button.text-button.suggested-action:active, .content list button.suggested-action:active, .content list > row:not(:selected):hover button.suggested-action:active, -list.content button.suggested-action:active, -list.content > row:not(:selected):hover button.suggested-action:active, -list.view.frame button.suggested-action:active, -list.view.frame > row:not(:selected):hover button.suggested-action:active, popover.background button.suggested-action:active, headerbar.selection-mode button:active, headerbar.selection-mode button.text-button:active:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar.selection-mode button:active, .titlebar.selection-mode button.text-button:active:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar button.suggested-action.text-button:active:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.suggested-action.text-button:active:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.suggested-action:active, -headerbar .linked button.suggested-action:active:not(:only-child), headerbar > .stack-switcher.linked > button.suggested-action:active, .titlebar .linked.raised button.suggested-action:active, -.titlebar .linked button.suggested-action:active:not(:only-child), .titlebar > .stack-switcher.linked > button.suggested-action:active, headerbar .linked entry ~ .suggested-action.image-button:active, .titlebar .linked entry ~ .suggested-action.image-button:active, headerbar button.suggested-action:active:not(.titlebutton), .titlebar button.suggested-action:active:not(.titlebutton), messagedialog.csd.background button.text-button.suggested-action:checked, .content list button.suggested-action:checked, .content list > row:not(:selected):hover button.suggested-action:checked, -list.content button.suggested-action:checked, -list.content > row:not(:selected):hover button.suggested-action:checked, -list.view.frame button.suggested-action:checked, -list.view.frame > row:not(:selected):hover button.suggested-action:checked, popover.background button.suggested-action:checked, headerbar.selection-mode button:checked, headerbar.selection-mode button.text-button:checked:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar.selection-mode button:checked, .titlebar.selection-mode button.text-button:checked:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar button.suggested-action.text-button:checked:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.suggested-action.text-button:checked:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.suggested-action:checked, -headerbar .linked button.suggested-action:checked:not(:only-child), headerbar > .stack-switcher.linked > button.suggested-action:checked, .titlebar .linked.raised button.suggested-action:checked, -.titlebar .linked button.suggested-action:checked:not(:only-child), .titlebar > .stack-switcher.linked > button.suggested-action:checked, headerbar .linked entry ~ .suggested-action.image-button:checked, .titlebar .linked entry ~ .suggested-action.image-button:checked, headerbar button.suggested-action:checked:not(.titlebutton), .titlebar button.suggested-action:checked:not(.titlebutton), headerbar viewswitcher button.suggested-action.radio:checked, .titlebar viewswitcher button.suggested-action.radio:checked { - color: @accent_fg_color; - background-color: mix(@accent_fg_color,alpha(@accent_bg_color,0.5),0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -messagedialog.csd.background button.text-button.suggested-action:active:hover, .content list button.suggested-action:active:hover, .content list > row:not(:selected):hover button.suggested-action:active:hover, -list.content button.suggested-action:active:hover, -list.content > row:not(:selected):hover button.suggested-action:active:hover, -list.view.frame button.suggested-action:active:hover, popover.background button.suggested-action:active:hover, headerbar.selection-mode button:active:hover, headerbar.selection-mode button.text-button:active:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar.selection-mode button:active:hover, .titlebar.selection-mode button.text-button:active:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar button.suggested-action.text-button:active:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.suggested-action.text-button:active:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.suggested-action:active:hover, -headerbar .linked button.suggested-action:active:hover:not(:only-child), headerbar > .stack-switcher.linked > button.suggested-action:active:hover, .titlebar .linked.raised button.suggested-action:active:hover, -.titlebar .linked button.suggested-action:active:hover:not(:only-child), .titlebar > .stack-switcher.linked > button.suggested-action:active:hover, headerbar .linked entry ~ .suggested-action.image-button:active:hover, .titlebar .linked entry ~ .suggested-action.image-button:active:hover, headerbar button.suggested-action:active:hover:not(.titlebutton), .titlebar button.suggested-action:active:hover:not(.titlebutton), messagedialog.csd.background button.text-button.suggested-action:checked:hover, .content list button.suggested-action:checked:hover, .content list > row:not(:selected):hover button.suggested-action:checked:hover, -list.content button.suggested-action:checked:hover, -list.content > row:not(:selected):hover button.suggested-action:checked:hover, -list.view.frame button.suggested-action:checked:hover, popover.background button.suggested-action:checked:hover, headerbar.selection-mode button:checked:hover, headerbar.selection-mode button.text-button:checked:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar.selection-mode button:checked:hover, .titlebar.selection-mode button.text-button:checked:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar button.suggested-action.text-button:checked:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.suggested-action.text-button:checked:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.suggested-action:checked:hover, -headerbar .linked button.suggested-action:checked:hover:not(:only-child), headerbar > .stack-switcher.linked > button.suggested-action:checked:hover, .titlebar .linked.raised button.suggested-action:checked:hover, -.titlebar .linked button.suggested-action:checked:hover:not(:only-child), .titlebar > .stack-switcher.linked > button.suggested-action:checked:hover, headerbar .linked entry ~ .suggested-action.image-button:checked:hover, .titlebar .linked entry ~ .suggested-action.image-button:checked:hover, headerbar button.suggested-action:checked:hover:not(.titlebutton), .titlebar button.suggested-action:checked:hover:not(.titlebutton), headerbar viewswitcher button.suggested-action.radio:checked:hover, .titlebar viewswitcher button.suggested-action.radio:checked:hover { - background-color: mix(@accent_fg_color,alpha(@accent_bg_color,0.5),0.65); -} -messagedialog.csd.background button.text-button.suggested-action:backdrop, .content list button.suggested-action:backdrop, .content list > row:not(:selected):hover button.suggested-action:backdrop, -list.content button.suggested-action:backdrop, -list.content > row:not(:selected):hover button.suggested-action:backdrop, -list.view.frame button.suggested-action:backdrop, -list.view.frame > row:not(:selected):hover button.suggested-action:backdrop, popover.background button.suggested-action:backdrop, headerbar.selection-mode button:backdrop, headerbar.selection-mode button.text-button:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar.selection-mode button:backdrop, .titlebar.selection-mode button.text-button:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar button.suggested-action.text-button:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.suggested-action.text-button:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.suggested-action:backdrop, -headerbar .linked button.suggested-action:backdrop:not(:only-child), headerbar > .stack-switcher.linked > button.suggested-action:backdrop, .titlebar .linked.raised button.suggested-action:backdrop, -.titlebar .linked button.suggested-action:backdrop:not(:only-child), .titlebar > .stack-switcher.linked > button.suggested-action:backdrop, headerbar .linked entry ~ .suggested-action.image-button:backdrop, .titlebar .linked entry ~ .suggested-action.image-button:backdrop, headerbar button.suggested-action:backdrop:not(.titlebutton), .titlebar button.suggested-action:backdrop:not(.titlebutton), headerbar viewswitcher button.suggested-action.radio:backdrop:checked, .titlebar viewswitcher button.suggested-action.radio:backdrop:checked { - color: alpha(@accent_fg_color,0.5); - background-color: mix(@accent_fg_color,alpha(@accent_bg_color,0.5),0.9); - text-shadow: none; - -gtk-icon-shadow: none; -} -messagedialog.csd.background button.text-button.suggested-action:disabled, .content list button.suggested-action:disabled, .content list > row:not(:selected):hover button.suggested-action:disabled, -list.content button.suggested-action:disabled, -list.content > row:not(:selected):hover button.suggested-action:disabled, -list.view.frame button.suggested-action:disabled, -list.view.frame > row:not(:selected):hover button.suggested-action:disabled, popover.background button.suggested-action:disabled, headerbar.selection-mode button:disabled, headerbar.selection-mode button.text-button:disabled:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar.selection-mode button:disabled, .titlebar.selection-mode button.text-button:disabled:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar button.suggested-action.text-button:disabled:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.suggested-action.text-button:disabled:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.suggested-action:disabled, -headerbar .linked button.suggested-action:disabled:not(:only-child), headerbar > .stack-switcher.linked > button.suggested-action:disabled, .titlebar .linked.raised button.suggested-action:disabled, -.titlebar .linked button.suggested-action:disabled:not(:only-child), .titlebar > .stack-switcher.linked > button.suggested-action:disabled, headerbar .linked entry ~ .suggested-action.image-button:disabled, .titlebar .linked entry ~ .suggested-action.image-button:disabled, headerbar button.suggested-action:disabled:not(.titlebutton), .titlebar button.suggested-action:disabled:not(.titlebutton), headerbar viewswitcher button.suggested-action.radio:disabled:checked, .titlebar viewswitcher button.suggested-action.radio:disabled:checked { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,alpha(@accent_bg_color,0.5),0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} -messagedialog.csd.background button.text-button.suggested-action:disabled:backdrop, .content list button.suggested-action:disabled:backdrop, .content list > row:not(:selected):hover button.suggested-action:disabled:backdrop, -list.content button.suggested-action:disabled:backdrop, -list.content > row:not(:selected):hover button.suggested-action:disabled:backdrop, -list.view.frame button.suggested-action:disabled:backdrop, popover.background button.suggested-action:disabled:backdrop, headerbar.selection-mode button:disabled:backdrop, headerbar.selection-mode button.text-button:disabled:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar.selection-mode button:disabled:backdrop, .titlebar.selection-mode button.text-button:disabled:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar button.suggested-action.text-button:disabled:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.suggested-action.text-button:disabled:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.suggested-action:disabled:backdrop, -headerbar .linked button.suggested-action:disabled:backdrop:not(:only-child), headerbar > .stack-switcher.linked > button.suggested-action:disabled:backdrop, .titlebar .linked.raised button.suggested-action:disabled:backdrop, -.titlebar .linked button.suggested-action:disabled:backdrop:not(:only-child), .titlebar > .stack-switcher.linked > button.suggested-action:disabled:backdrop, headerbar .linked entry ~ .suggested-action.image-button:disabled:backdrop, .titlebar .linked entry ~ .suggested-action.image-button:disabled:backdrop, headerbar button.suggested-action:disabled:backdrop:not(.titlebutton), .titlebar button.suggested-action:disabled:backdrop:not(.titlebutton), headerbar viewswitcher button.suggested-action.radio:disabled:backdrop:checked, .titlebar viewswitcher button.suggested-action.radio:disabled:backdrop:checked { - color: alpha(mix(mix(@window_fg_color,@window_bg_color,0.5),@window_bg_color,0.5),0.5); - background-color: mix(mix(mix(@window_fg_color,@window_bg_color,0.5),@window_bg_color,0.5),alpha(@accent_bg_color,0.5),0.9); - text-shadow: none; - -gtk-icon-shadow: none; -} - -messagedialog.csd.background button.text-button.destructive-action, .content list button.destructive-action, .content list > row:not(:selected):hover button.destructive-action, -list.content button.destructive-action, -list.content > row:not(:selected):hover button.destructive-action, -list.view.frame button.destructive-action, -list.view.frame > row:not(:selected):hover button.destructive-action, popover.background button.destructive-action, headerbar button.destructive-action.text-button:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.destructive-action.text-button:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.destructive-action, -headerbar .linked button.destructive-action:not(:only-child), headerbar > .stack-switcher.linked > button.destructive-action, .titlebar .linked.raised button.destructive-action, -.titlebar .linked button.destructive-action:not(:only-child), .titlebar > .stack-switcher.linked > button.destructive-action, headerbar .linked entry ~ .destructive-action.image-button, .titlebar .linked entry ~ .destructive-action.image-button, headerbar button.destructive-action:not(.titlebutton), .titlebar button.destructive-action:not(.titlebutton), headerbar viewswitcher button.destructive-action.radio:checked, .titlebar viewswitcher button.destructive-action.radio:checked { - color: @destructive_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@destructive_color,alpha(currentColor,0.15),0.9); -} -messagedialog.csd.background button.text-button.destructive-action:hover, .content list button.destructive-action:hover, .content list > row:not(:selected):hover button.destructive-action:hover, -list.content button.destructive-action:hover, -list.content > row:not(:selected):hover button.destructive-action:hover, -list.view.frame button.destructive-action:hover, -list.view.frame > row:not(:selected):hover button.destructive-action:hover, popover.background button.destructive-action:hover, headerbar button.destructive-action.text-button:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.destructive-action.text-button:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.destructive-action:hover, -headerbar .linked button.destructive-action:hover:not(:only-child), headerbar > .stack-switcher.linked > button.destructive-action:hover, .titlebar .linked.raised button.destructive-action:hover, -.titlebar .linked button.destructive-action:hover:not(:only-child), .titlebar > .stack-switcher.linked > button.destructive-action:hover, headerbar .linked entry ~ .destructive-action.image-button:hover, .titlebar .linked entry ~ .destructive-action.image-button:hover, headerbar button.destructive-action:hover:not(.titlebutton), .titlebar button.destructive-action:hover:not(.titlebutton), headerbar viewswitcher button.destructive-action.radio:hover:checked, .titlebar viewswitcher button.destructive-action.radio:hover:checked { - color: @destructive_color; - background-color: mix(@destructive_color,alpha(currentColor,0.2),0.85); - box-shadow: none; -} -messagedialog.csd.background button.text-button.destructive-action:active, .content list button.destructive-action:active, .content list > row:not(:selected):hover button.destructive-action:active, -list.content button.destructive-action:active, -list.content > row:not(:selected):hover button.destructive-action:active, -list.view.frame button.destructive-action:active, -list.view.frame > row:not(:selected):hover button.destructive-action:active, popover.background button.destructive-action:active, headerbar button.destructive-action.text-button:active:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.destructive-action.text-button:active:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.destructive-action:active, -headerbar .linked button.destructive-action:active:not(:only-child), headerbar > .stack-switcher.linked > button.destructive-action:active, .titlebar .linked.raised button.destructive-action:active, -.titlebar .linked button.destructive-action:active:not(:only-child), .titlebar > .stack-switcher.linked > button.destructive-action:active, headerbar .linked entry ~ .destructive-action.image-button:active, .titlebar .linked entry ~ .destructive-action.image-button:active, headerbar button.destructive-action:active:not(.titlebutton), .titlebar button.destructive-action:active:not(.titlebutton), messagedialog.csd.background button.text-button.destructive-action:checked, .content list button.destructive-action:checked, .content list > row:not(:selected):hover button.destructive-action:checked, -list.content button.destructive-action:checked, -list.content > row:not(:selected):hover button.destructive-action:checked, -list.view.frame button.destructive-action:checked, -list.view.frame > row:not(:selected):hover button.destructive-action:checked, popover.background button.destructive-action:checked, headerbar button.destructive-action.text-button:checked:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.destructive-action.text-button:checked:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.destructive-action:checked, -headerbar .linked button.destructive-action:checked:not(:only-child), headerbar > .stack-switcher.linked > button.destructive-action:checked, .titlebar .linked.raised button.destructive-action:checked, -.titlebar .linked button.destructive-action:checked:not(:only-child), .titlebar > .stack-switcher.linked > button.destructive-action:checked, headerbar .linked entry ~ .destructive-action.image-button:checked, .titlebar .linked entry ~ .destructive-action.image-button:checked, headerbar button.destructive-action:checked:not(.titlebutton), .titlebar button.destructive-action:checked:not(.titlebutton), headerbar viewswitcher button.destructive-action.radio:checked, .titlebar viewswitcher button.destructive-action.radio:checked { - color: @destructive_color; - background-color: mix(@destructive_color,alpha(currentColor,0.35),0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -messagedialog.csd.background button.text-button.destructive-action:active:hover, .content list button.destructive-action:active:hover, .content list > row:not(:selected):hover button.destructive-action:active:hover, -list.content button.destructive-action:active:hover, -list.content > row:not(:selected):hover button.destructive-action:active:hover, -list.view.frame button.destructive-action:active:hover, popover.background button.destructive-action:active:hover, headerbar button.destructive-action.text-button:active:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.destructive-action.text-button:active:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.destructive-action:active:hover, -headerbar .linked button.destructive-action:active:hover:not(:only-child), headerbar > .stack-switcher.linked > button.destructive-action:active:hover, .titlebar .linked.raised button.destructive-action:active:hover, -.titlebar .linked button.destructive-action:active:hover:not(:only-child), .titlebar > .stack-switcher.linked > button.destructive-action:active:hover, headerbar .linked entry ~ .destructive-action.image-button:active:hover, .titlebar .linked entry ~ .destructive-action.image-button:active:hover, headerbar button.destructive-action:active:hover:not(.titlebutton), .titlebar button.destructive-action:active:hover:not(.titlebutton), messagedialog.csd.background button.text-button.destructive-action:checked:hover, .content list button.destructive-action:checked:hover, .content list > row:not(:selected):hover button.destructive-action:checked:hover, -list.content button.destructive-action:checked:hover, -list.content > row:not(:selected):hover button.destructive-action:checked:hover, -list.view.frame button.destructive-action:checked:hover, popover.background button.destructive-action:checked:hover, headerbar button.destructive-action.text-button:checked:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.destructive-action.text-button:checked:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.destructive-action:checked:hover, -headerbar .linked button.destructive-action:checked:hover:not(:only-child), headerbar > .stack-switcher.linked > button.destructive-action:checked:hover, .titlebar .linked.raised button.destructive-action:checked:hover, -.titlebar .linked button.destructive-action:checked:hover:not(:only-child), .titlebar > .stack-switcher.linked > button.destructive-action:checked:hover, headerbar .linked entry ~ .destructive-action.image-button:checked:hover, .titlebar .linked entry ~ .destructive-action.image-button:checked:hover, headerbar button.destructive-action:checked:hover:not(.titlebutton), .titlebar button.destructive-action:checked:hover:not(.titlebutton), headerbar viewswitcher button.destructive-action.radio:checked:hover, .titlebar viewswitcher button.destructive-action.radio:checked:hover { - background-color: mix(@destructive_color,alpha(currentColor,0.35),0.65); -} -messagedialog.csd.background button.text-button.destructive-action:backdrop, .content list button.destructive-action:backdrop, .content list > row:not(:selected):hover button.destructive-action:backdrop, -list.content button.destructive-action:backdrop, -list.content > row:not(:selected):hover button.destructive-action:backdrop, -list.view.frame button.destructive-action:backdrop, -list.view.frame > row:not(:selected):hover button.destructive-action:backdrop, popover.background button.destructive-action:backdrop, headerbar button.destructive-action.text-button:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.destructive-action.text-button:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.destructive-action:backdrop, -headerbar .linked button.destructive-action:backdrop:not(:only-child), headerbar > .stack-switcher.linked > button.destructive-action:backdrop, .titlebar .linked.raised button.destructive-action:backdrop, -.titlebar .linked button.destructive-action:backdrop:not(:only-child), .titlebar > .stack-switcher.linked > button.destructive-action:backdrop, headerbar .linked entry ~ .destructive-action.image-button:backdrop, .titlebar .linked entry ~ .destructive-action.image-button:backdrop, headerbar button.destructive-action:backdrop:not(.titlebutton), .titlebar button.destructive-action:backdrop:not(.titlebutton), headerbar viewswitcher button.destructive-action.radio:backdrop:checked, .titlebar viewswitcher button.destructive-action.radio:backdrop:checked { - color: alpha(@destructive_color,0.5); - background-color: mix(@destructive_color,alpha(currentColor,0.15),0.9); - text-shadow: none; - -gtk-icon-shadow: none; -} -messagedialog.csd.background button.text-button.destructive-action:disabled, .content list button.destructive-action:disabled, .content list > row:not(:selected):hover button.destructive-action:disabled, -list.content button.destructive-action:disabled, -list.content > row:not(:selected):hover button.destructive-action:disabled, -list.view.frame button.destructive-action:disabled, -list.view.frame > row:not(:selected):hover button.destructive-action:disabled, popover.background button.destructive-action:disabled, headerbar button.destructive-action.text-button:disabled:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.destructive-action.text-button:disabled:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.destructive-action:disabled, -headerbar .linked button.destructive-action:disabled:not(:only-child), headerbar > .stack-switcher.linked > button.destructive-action:disabled, .titlebar .linked.raised button.destructive-action:disabled, -.titlebar .linked button.destructive-action:disabled:not(:only-child), .titlebar > .stack-switcher.linked > button.destructive-action:disabled, headerbar .linked entry ~ .destructive-action.image-button:disabled, .titlebar .linked entry ~ .destructive-action.image-button:disabled, headerbar button.destructive-action:disabled:not(.titlebutton), .titlebar button.destructive-action:disabled:not(.titlebutton), headerbar viewswitcher button.destructive-action.radio:disabled:checked, .titlebar viewswitcher button.destructive-action.radio:disabled:checked { - color: alpha(@destructive_color,0.5); - background-color: mix(@destructive_color,alpha(currentColor,0.15),0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} -messagedialog.csd.background button.text-button.destructive-action:disabled:backdrop, .content list button.destructive-action:disabled:backdrop, .content list > row:not(:selected):hover button.destructive-action:disabled:backdrop, -list.content button.destructive-action:disabled:backdrop, -list.content > row:not(:selected):hover button.destructive-action:disabled:backdrop, -list.view.frame button.destructive-action:disabled:backdrop, popover.background button.destructive-action:disabled:backdrop, headerbar button.destructive-action.text-button:disabled:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.destructive-action.text-button:disabled:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.destructive-action:disabled:backdrop, -headerbar .linked button.destructive-action:disabled:backdrop:not(:only-child), headerbar > .stack-switcher.linked > button.destructive-action:disabled:backdrop, .titlebar .linked.raised button.destructive-action:disabled:backdrop, -.titlebar .linked button.destructive-action:disabled:backdrop:not(:only-child), .titlebar > .stack-switcher.linked > button.destructive-action:disabled:backdrop, headerbar .linked entry ~ .destructive-action.image-button:disabled:backdrop, .titlebar .linked entry ~ .destructive-action.image-button:disabled:backdrop, headerbar button.destructive-action:disabled:backdrop:not(.titlebutton), .titlebar button.destructive-action:disabled:backdrop:not(.titlebutton), headerbar viewswitcher button.destructive-action.radio:disabled:backdrop:checked, .titlebar viewswitcher button.destructive-action.radio:disabled:backdrop:checked { - color: alpha(@destructive_color,0.5); - background-color: mix(@destructive_color,alpha(currentColor,0.15),0.9); - text-shadow: none; - -gtk-icon-shadow: none; -} -messagedialog.csd.background button.text-button.destructive-action:focus, .content list button.destructive-action:focus, .content list > row:not(:selected):hover button.destructive-action:focus, -list.content button.destructive-action:focus, -list.content > row:not(:selected):hover button.destructive-action:focus, -list.view.frame button.destructive-action:focus, -list.view.frame > row:not(:selected):hover button.destructive-action:focus, popover.background button.destructive-action:focus, headerbar button.destructive-action.text-button:focus:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.destructive-action.text-button:focus:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.destructive-action:focus, -headerbar .linked button.destructive-action:focus:not(:only-child), headerbar > .stack-switcher.linked > button.destructive-action:focus, .titlebar .linked.raised button.destructive-action:focus, -.titlebar .linked button.destructive-action:focus:not(:only-child), .titlebar > .stack-switcher.linked > button.destructive-action:focus, headerbar .linked entry ~ .destructive-action.image-button:focus, .titlebar .linked entry ~ .destructive-action.image-button:focus, headerbar button.destructive-action:focus:not(.titlebutton), .titlebar button.destructive-action:focus:not(.titlebutton), headerbar viewswitcher button.destructive-action.radio:focus:checked, .titlebar viewswitcher button.destructive-action.radio:focus:checked { - outline-color: @destructive_color; -} - -spinbutton:not(.vertical), -entry { - min-height: 34px; - padding-left: 8px; - padding-right: 8px; - border: 1px solid; - border-radius: 9px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: @view_fg_color; - border-color: transparent; - background-color: alpha(currentColor,0.1); - box-shadow: inset 0 0 0 1px alpha(alpha(@accent_color,0.5),0); -} -spinbutton:not(.vertical) image.left, -entry image.left { - margin-right: 6px; -} -spinbutton:not(.vertical) image.right, -entry image.right { - margin-left: 6px; -} -spinbutton.flat:not(.vertical), -entry.flat:focus, -entry.flat:backdrop, -entry.flat:disabled, -entry.flat:backdrop:disabled, -entry.flat { - min-height: 0; - padding: 2px; - background-color: transparent; - border-color: transparent; - border-radius: 0; -} -spinbutton:focus:not(.vertical), -entry:focus { - box-shadow: inset 0 0 0 1px alpha(@accent_color,0.5); - border-color: alpha(@accent_color,0.5); - transition: 300ms ease-in-out; - transition-property: border, box-shadow; -} -spinbutton:disabled:not(.vertical), -entry:disabled { - color: alpha(@window_fg_color,0.5); - border-color: transparent; - background-color: mix(currentColor,@window_bg_color,0.95); -} -spinbutton.error:not(.vertical), -entry.error { - color: @error_bg_color; - border-color: @error_bg_color; -} -spinbutton.error:focus:not(.vertical), -entry.error:focus { - box-shadow: inset 0 0 0 1px @error_bg_color; - border-color: @error_bg_color; - transition: 300ms ease-in-out; - transition-property: border, box-shadow; -} -spinbutton.error:not(.vertical) selection, -entry.error selection { - background-color: @error_bg_color; -} -spinbutton.warning:not(.vertical), -entry.warning { - color: @warning_bg_color; - border-color: @warning_bg_color; -} -spinbutton.warning:focus:not(.vertical), -entry.warning:focus { - box-shadow: inset 0 0 0 1px @warning_bg_color; - border-color: @warning_bg_color; - transition: 300ms ease-in-out; - transition-property: border, box-shadow; -} -spinbutton.warning:not(.vertical) selection, -entry.warning selection { - background-color: @warning_bg_color; -} -spinbutton:not(.vertical) image, -entry image { - color: mix(@window_fg_color,@view_bg_color,0.2); -} -spinbutton:not(.vertical) image:hover, -entry image:hover { - color: @window_fg_color; -} -spinbutton:not(.vertical) image:active, -entry image:active { - color: @accent_bg_color; -} -spinbutton:drop(active):not(.vertical), -entry:drop(active):focus, -entry:drop(active) { - border-color: @accent_bg_color; - box-shadow: inset 0 0 0 1px @accent_bg_color; -} -.osd spinbutton:not(.vertical), -.osd entry { - color: white; - border-color: rgba(0, 0, 0, 0.9); - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; -} -.osd spinbutton:focus:not(.vertical), -.osd entry:focus { - color: white; - border-color: @accent_bg_color; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: inset 0 0 0 1px alpha(@accent_color,0.5); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; -} -.osd spinbutton:backdrop:not(.vertical), -.osd entry:backdrop { - color: white; - border-color: rgba(0, 0, 0, 0.9); - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -.osd spinbutton:disabled:not(.vertical), -.osd entry:disabled { - color: rgba(255, 255, 255, 0.5); - border-color: rgba(0, 0, 0, 0.9); - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -spinbutton:not(.vertical) progress, -entry progress { - margin: 2px -6px; - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: @accent_bg_color; - border-style: solid; - box-shadow: none; -} -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, -.linked:not(.vertical) > entry:focus + button, -.linked:not(.vertical) > entry:focus + combobox > box > button.combo, -.linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), -.linked:not(.vertical) > entry:focus + entry { - border-left-color: alpha(@accent_color,0.5); -} -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, -.linked:not(.vertical) > entry:focus.error + button, -.linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, -.linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), -.linked:not(.vertical) > entry:focus.error + entry { - border-left-color: @error_bg_color; -} -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, -.linked:not(.vertical) > entry:drop(active) + button, -.linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, -.linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), -.linked:not(.vertical) > entry:drop(active) + entry { - border-left-color: @accent_bg_color; -} -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), -.linked.vertical > entry:not(:disabled) + entry:not(:disabled), -.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: mix(alpha(currentColor,0.15),@view_bg_color,0.7); -} -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), -.linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, -.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: mix(mix(currentColor,@window_bg_color,0.81),@window_bg_color,0.7); -} -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, -.linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), -.linked.vertical > entry:disabled + entry:disabled { - border-top-color: mix(alpha(currentColor,0.15),@view_bg_color,0.7); -} -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), -.linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > entry + entry:focus:not(:only-child) { - border-top-color: alpha(@accent_color,0.5); -} -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), -.linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), -.linked.vertical > entry + entry:focus.error:not(:only-child) { - border-top-color: @error_bg_color; -} -.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), -.linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > entry + entry:drop(active):not(:only-child) { - border-top-color: @accent_bg_color; -} -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, -.linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:focus:not(:only-child) + entry, -.linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: alpha(@accent_color,0.5); -} -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, -.linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:focus.error:not(:only-child) + entry, -.linked.vertical > entry:focus.error:not(:only-child) + button, -.linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { - border-top-color: @error_bg_color; -} -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, -.linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:drop(active):not(:only-child) + entry, -.linked.vertical > entry:drop(active):not(:only-child) + button, -.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: @accent_bg_color; -} -spinbutton.error:not(.vertical), -entry.error { - color: @error_bg_color; -} - -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: @view_bg_color; - transition-property: color, background; -} -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: @view_bg_color; -} -treeview entry.flat:focus, treeview entry:focus { - border-color: @accent_bg_color; -} - -.entry-tag { - padding: 5px; - margin-top: 2px; - margin-bottom: 2px; -} -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: -5px; -} -:dir(rtl) .entry-tag { - margin-left: -5px; - margin-right: 8px; -} -.entry-tag { - border-style: none; - color: @accent_fg_color; - background-color: @accent_bg_color; -} -.entry-tag:hover { - background-color: mix(white,@accent_bg_color,0.9); -} -:backdrop .entry-tag { - color: @window_bg_color; - background-color: @accent_bg_color; -} -.entry-tag.button { - background-color: transparent; - color: alpha(@accent_fg_color,0.7); -} -:not(:backdrop) .entry-tag.button:hover { - border: 1px solid @accent_bg_color; - color: @accent_fg_color; -} -:not(:backdrop) .entry-tag.button:active { - background-color: @accent_bg_color; - color: alpha(@accent_fg_color,0.7); -} - -button:link > label, -button:visited > label, button:link, -button:visited, -*:link { - color: @accent_color; -} -button:link > label:visited, -button:visited > label:visited, -button:visited, -*:link:visited { - color: mix(@accent_color,@view_fg_color,0.2); -} -*:selected button:link > label:visited, -*:selected button:visited > label:visited, -*:selected button:visited, -*:selected *:link:visited { - color: mix(@accent_fg_color,mix(@accent_color,@view_fg_color,0.2),0.4); -} -button:link > label:hover, -button:visited > label:hover, -button:hover:visited, -*:link:hover { - color: mix(white,@accent_color,0.9); -} -*:selected button:link > label:hover, -*:selected button:visited > label:hover, -*:selected button:hover:visited, -*:selected *:link:hover { - color: mix(@accent_fg_color,mix(white,@accent_color,0.9),0.1); -} -button:link > label:active, -button:visited > label:active, -button:active:visited, -*:link:active { - color: @accent_color; -} -*:selected button:link > label:active, -*:selected button:visited > label:active, -*:selected button:active:visited, -*:selected *:link:active { - color: mix(@accent_fg_color,@accent_color,0.2); -} -button:link > label:backdrop, -button:visited > label:backdrop, -button:backdrop:visited, -*:link:backdrop:backdrop:hover, -*:link:backdrop:backdrop:hover:selected, -*:link:backdrop { - color: alpha(@accent_color,0.9); -} -button:link > label:disabled, -button:visited > label:disabled, -button:disabled:visited, -*:link:disabled, -*:link:disabled:backdrop { - color: alpha(mix(white,black,0.5),0.8); -} -button:link > label:selected, -button:visited > label:selected, -button:selected:visited, *:selected button:link > label, -*:selected button:visited > label, -*:selected button:visited, -*:link:selected, -*:selected *:link { - color: mix(@accent_fg_color,@accent_color,0.2); -} - -button:link, -button:visited { - text-shadow: none; - font-weight: 400; -} -button:link:hover, button:link:active, button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked { - text-shadow: none; -} -button:link, -button:visited { - outline: 0 solid transparent; - outline-offset: 4px; - transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -button:link:focus, -button:visited:focus { - outline-color: alpha(@accent_color,0.5); - outline-width: 2px; - outline-offset: -2px; -} -button:link > label, -button:visited > label { - text-decoration-line: underline; -} - -spinbutton:not(.vertical) { - padding: 0; -} -.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { - min-width: 28px; - margin: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; -} -spinbutton:not(.vertical) entry:backdrop:disabled { - background-color: transparent; -} -spinbutton:not(.vertical) button { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: mix(@window_fg_color,@view_bg_color,0.1); - background-color: transparent; - border-style: none none none solid; - border-color: alpha(currentColor,0.15); - border-radius: 0; - box-shadow: none; -} -spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; -} -spinbutton:not(.vertical) button:hover { - color: @window_fg_color; - background-color: mix(@window_fg_color,@window_bg_color,0.85); - box-shadow: none; - background-color: alpha(currentColor,0.1); -} -spinbutton:not(.vertical) button:disabled { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - background-color: transparent; -} -spinbutton:not(.vertical) button:active { - color: @window_fg_color; - background-color: mix(@window_fg_color,@window_bg_color,0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -spinbutton:not(.vertical) button:active:hover { - background-color: mix(@window_fg_color,@window_bg_color,0.65); -} -spinbutton:not(.vertical) button:active { - background-color: alpha(currentColor,0.15); -} -spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 9px 9px 0; -} -spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 9px 0 0 9px; -} -.osd spinbutton:not(.vertical) button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(255, 255, 255, 0.9); - border-style: none none none solid; - border-color: alpha(rgba(0, 0, 0, 0.9),0.7); - border-radius: 0; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; -} -.osd spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; -} -.osd spinbutton:not(.vertical) button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(255, 255, 255, 0.9); - border-color: alpha(black,0.5); - background-color: alpha(rgba(255, 255, 255, 0.9),0.1); - -gtk-icon-shadow: 0 1px black; - box-shadow: none; -} -.osd spinbutton:not(.vertical) button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(255, 255, 255, 0.9); - border-color: alpha(black,0.5); - -gtk-icon-shadow: none; - box-shadow: none; -} -.osd spinbutton:not(.vertical) button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(255, 255, 255, 0.5); - border-color: alpha(black,0.5); - -gtk-icon-shadow: none; - box-shadow: none; -} -.osd spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 9px 9px 0; -} -.osd spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 9px 0 0 9px; -} -spinbutton.vertical:disabled { - color: alpha(@window_fg_color,0.5); -} -spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; -} -spinbutton.vertical entry { - min-height: 32px; - min-width: 32px; - padding: 0; - border-radius: 0; -} -spinbutton.vertical button { - min-height: 32px; - min-width: 32px; - padding: 0; -} -spinbutton.vertical button.up { - border-color: alpha(currentColor,0.15); - border-radius: 9px 9px 0 0; - border-style: none none solid none; -} -spinbutton.vertical button.down { - border-color: alpha(currentColor,0.15); - border-radius: 0 0 9px 9px; - border-style: solid none none none; -} -.osd spinbutton.vertical button:first-child { - color: white; - border-color: transparent; - background-color: rgba(0, 0, 0, 0.65); - background-clip: padding-box; -} -.osd spinbutton.vertical button:first-child:hover { - color: white; - border-color: transparent; - background-color: mix(black,currentColor,0.25); - background-clip: padding-box; -} -.osd spinbutton.vertical button:first-child:active { - color: white; - border-color: transparent; - background-color: mix(black,currentColor,0.2); - background-clip: padding-box; -} -.osd spinbutton.vertical button:first-child:disabled { - color: rgba(255, 255, 255, 0.5); - border-color: transparent; - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -.osd spinbutton.vertical button:first-child:backdrop { - color: rgba(255, 255, 255, 0.9); - border-color: transparent; - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -treeview spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; -} -treeview spinbutton:not(.vertical) entry { - min-height: 0; - padding: 1px 2px; -} -spinbutton { - font-feature-settings: "tnum"; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} -combobox:drop(active) { - box-shadow: none; -} -searchbar > revealer > box, -.location-bar, .inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: @window_bg_color; -} -searchbar > revealer > box:backdrop, -.location-bar:backdrop, .inline-toolbar:backdrop, toolbar:backdrop { - background-color: @window_bg_color; -} - -toolbar { - padding: 4px 3px 3px 4px; -} -.osd toolbar { - background-color: transparent; -} -toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: rgba(0, 0, 0, 0.7); -} -toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} -toolbar.horizontal separator { - margin: 0 7px 1px 6px; -} -toolbar.vertical separator { - margin: 6px 1px 7px 0; -} -toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { - margin-right: 1px; - margin-bottom: 1px; -} - -.inline-toolbar { - background-color: @window_bg_color; - border-color: alpha(currentColor,0.15); - border-style: solid; - padding: 3px; - border-width: 0 1px 1px; - border-radius: 0 0 5px 5px; -} - -searchbar > revealer > box, -.location-bar { - border-width: 0 0 1px; - border-style: solid; - border-color: alpha(currentColor,0.15); - padding: 3px; -} - -searchbar > revealer > box { - margin: -6px; - padding: 6px; -} - -.primary-toolbar, .toolbar { - background-color: @window_bg_color; -} -.primary-toolbar:backdrop, .toolbar:backdrop { - background-color: @window_bg_color; -} - -.titlebar:not(headerbar), -headerbar { - padding: 0 6px; - min-height: 46px; - border-width: 0 0 1px; - border-style: solid; - border-color: @headerbar_shade_color; - border-radius: 0; - background: @headerbar_bg_color linear-gradient(to top, @headerbar_bg_color, @headerbar_bg_color); -} -.titlebar:backdrop:not(headerbar), -headerbar:backdrop { - background-color: @headerbar_backdrop_color; - background-image: none; - transition: 200ms ease-out; -} -.titlebar:not(headerbar) .title, -headerbar .title { - padding-left: 12px; - padding-right: 12px; - font-weight: bold; -} -.titlebar:not(headerbar) .subtitle, -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; -} -.titlebar:not(headerbar) stackswitcher button:checked:backdrop, -.titlebar:not(headerbar) button.toggle:checked:backdrop, -headerbar stackswitcher button:checked:backdrop, -headerbar button.toggle:checked:backdrop { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.7); -} -.titlebar:not(headerbar) stackswitcher button:checked:backdrop:hover, -.titlebar:not(headerbar) button.toggle:checked:backdrop:hover, -headerbar stackswitcher button:checked:backdrop:hover, -headerbar button.toggle:checked:backdrop:hover { - background-color: mix(@window_fg_color,@window_bg_color,0.6); -} -.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), -.selection-mode headerbar, -headerbar.selection-mode { - color: @accent_fg_color; - border-color: mix(black,@accent_bg_color,0.85); - background: @accent_bg_color linear-gradient(to top, @accent_bg_color, @accent_bg_color); -} -.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), -.selection-mode headerbar:backdrop, -headerbar.selection-mode:backdrop { - background-color: @accent_bg_color; - background-image: none; - box-shadow: inset 0 1px mix(alpha(white,0.5),@accent_bg_color,0.4); -} -.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, -.selection-mode headerbar:backdrop label, -headerbar.selection-mode:backdrop label { - text-shadow: none; - color: @accent_fg_color; -} -.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, -.selection-mode headerbar .subtitle:link, -headerbar.selection-mode .subtitle:link { - color: mix(@accent_fg_color,@accent_color,0.2); -} -.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, -.selection-mode headerbar button, -headerbar.selection-mode button { - color: @accent_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@accent_fg_color,@accent_bg_color,0.9); -} -.selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, -.selection-mode headerbar button.flat, -headerbar.selection-mode button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; -} - -.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, -.selection-mode headerbar button:hover, -headerbar.selection-mode button:hover { - color: @accent_fg_color; - background-color: mix(@accent_fg_color,@accent_bg_color,0.85); - box-shadow: none; -} -.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, -.selection-mode headerbar button:active, -.selection-mode headerbar button:checked, -.selection-mode headerbar button.toggle:checked, -.selection-mode headerbar button.toggle:active, -headerbar.selection-mode button:active, -headerbar.selection-mode button:checked, -headerbar.selection-mode button.toggle:checked, -headerbar.selection-mode button.toggle:active { - color: @accent_fg_color; - background-color: mix(@accent_fg_color,@accent_bg_color,0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -.selection-mode .titlebar:not(headerbar) button:active:hover, .selection-mode .titlebar:not(headerbar) button:checked:hover, .selection-mode.titlebar:not(headerbar) button:active:hover, .selection-mode.titlebar:not(headerbar) button:checked:hover, -.selection-mode headerbar button:active:hover, -.selection-mode headerbar button:checked:hover, -.selection-mode headerbar button.toggle:checked:hover, -.selection-mode headerbar button.toggle:active:hover, -headerbar.selection-mode button:active:hover, -headerbar.selection-mode button:checked:hover, -headerbar.selection-mode button.toggle:checked:hover, -headerbar.selection-mode button.toggle:active:hover { - background-color: mix(@accent_fg_color,@accent_bg_color,0.65); -} -.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, -.selection-mode headerbar button:backdrop.flat, -.selection-mode headerbar button:backdrop, -headerbar.selection-mode button:backdrop.flat, -headerbar.selection-mode button:backdrop { - color: alpha(@accent_fg_color,0.5); - background-color: mix(@accent_fg_color,@accent_bg_color,0.9); - text-shadow: none; - -gtk-icon-shadow: none; - -gtk-icon-effect: none; - border-color: transparent; -} -.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, -.selection-mode headerbar button:backdrop.flat:active, -.selection-mode headerbar button:backdrop.flat:checked, -.selection-mode headerbar button:backdrop:active, -.selection-mode headerbar button:backdrop:checked, -headerbar.selection-mode button:backdrop.flat:active, -headerbar.selection-mode button:backdrop.flat:checked, -headerbar.selection-mode button:backdrop:active, -headerbar.selection-mode button:backdrop:checked { - color: alpha(@accent_fg_color,0.5); - background-color: mix(@accent_fg_color,@accent_bg_color,0.7); -} -.selection-mode .titlebar:not(headerbar) button:backdrop:active:hover, .selection-mode .titlebar:not(headerbar) button:backdrop:checked:hover, .selection-mode.titlebar:not(headerbar) button:backdrop:active:hover, .selection-mode.titlebar:not(headerbar) button:backdrop:checked:hover, -.selection-mode headerbar button:backdrop.flat:active:hover, -.selection-mode headerbar button:backdrop.flat:checked:hover, -.selection-mode headerbar button:backdrop:active:hover, -.selection-mode headerbar button:backdrop:checked:hover, -headerbar.selection-mode button:backdrop.flat:active:hover, -headerbar.selection-mode button:backdrop.flat:checked:hover, -headerbar.selection-mode button:backdrop:active:hover, -headerbar.selection-mode button:backdrop:checked:hover { - background-color: mix(@accent_fg_color,@accent_bg_color,0.6); -} -.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, -.selection-mode headerbar button:backdrop.flat:disabled, -.selection-mode headerbar button:backdrop:disabled, -headerbar.selection-mode button:backdrop.flat:disabled, -headerbar.selection-mode button:backdrop:disabled { - color: alpha(@accent_fg_color,0.5); - background-color: mix(@accent_fg_color,@accent_bg_color,0.9); - text-shadow: none; - -gtk-icon-shadow: none; -} -.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, -.selection-mode headerbar button:backdrop.flat:disabled:active, -.selection-mode headerbar button:backdrop.flat:disabled:checked, -.selection-mode headerbar button:backdrop:disabled:active, -.selection-mode headerbar button:backdrop:disabled:checked, -headerbar.selection-mode button:backdrop.flat:disabled:active, -headerbar.selection-mode button:backdrop.flat:disabled:checked, -headerbar.selection-mode button:backdrop:disabled:active, -headerbar.selection-mode button:backdrop:disabled:checked { - color: alpha(@accent_fg_color,0.5); - background-color: mix(@accent_fg_color,@accent_bg_color,0.7); -} -.selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, -.selection-mode headerbar button.flat:backdrop, -.selection-mode headerbar button.flat:disabled, -.selection-mode headerbar button.flat:backdrop:disabled, -headerbar.selection-mode button.flat:backdrop, -headerbar.selection-mode button.flat:disabled, -headerbar.selection-mode button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; -} - -.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, -.selection-mode headerbar button:disabled, -headerbar.selection-mode button:disabled { - color: alpha(@accent_fg_color,0.5); - background-color: mix(@accent_fg_color,@accent_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} -.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, -.selection-mode headerbar button:disabled:active, -.selection-mode headerbar button:disabled:checked, -headerbar.selection-mode button:disabled:active, -headerbar.selection-mode button:disabled:checked { - color: alpha(@accent_fg_color,0.5); - background-color: mix(@accent_fg_color,@accent_bg_color,0.7); - box-shadow: none; -} -.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, -.selection-mode headerbar button.suggested-action, -headerbar.selection-mode button.suggested-action { - color: @window_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.9); - border-color: mix(black,@accent_bg_color,0.85); -} -.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, -.selection-mode headerbar button.suggested-action:hover, -headerbar.selection-mode button.suggested-action:hover { - color: @window_fg_color; - background-color: mix(@window_fg_color,@window_bg_color,0.85); - box-shadow: none; -} -.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, -.selection-mode headerbar button.suggested-action:active, -headerbar.selection-mode button.suggested-action:active { - color: @window_fg_color; - background-color: mix(@window_fg_color,@window_bg_color,0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -.selection-mode .titlebar:not(headerbar) button.suggested-action:active:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:active:hover, -.selection-mode headerbar button.suggested-action:active:hover, -headerbar.selection-mode button.suggested-action:active:hover { - background-color: mix(@window_fg_color,@window_bg_color,0.65); -} -.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, -.selection-mode headerbar button.suggested-action:disabled, -headerbar.selection-mode button.suggested-action:disabled { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} -.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, -.selection-mode headerbar button.suggested-action:backdrop, -headerbar.selection-mode button.suggested-action:backdrop { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.9); - text-shadow: none; - -gtk-icon-shadow: none; -} -.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, -.selection-mode headerbar button.suggested-action:backdrop:disabled, -headerbar.selection-mode button.suggested-action:backdrop:disabled { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.9); - text-shadow: none; - -gtk-icon-shadow: none; -} -.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, -.selection-mode headerbar .selection-menu:backdrop, -.selection-mode headerbar .selection-menu, -headerbar.selection-mode .selection-menu:backdrop, -headerbar.selection-mode .selection-menu { - border-color: alpha(@accent_bg_color,0); - background-color: alpha(@accent_bg_color,0); - background-image: none; - box-shadow: none; - min-height: 20px; - padding: 6px 10px; -} -.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, -.selection-mode headerbar .selection-menu:backdrop arrow, -.selection-mode headerbar .selection-menu arrow, -headerbar.selection-mode .selection-menu:backdrop arrow, -headerbar.selection-mode .selection-menu arrow { - -GtkArrow-arrow-scaling: 1; -} -.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, -.selection-mode headerbar .selection-menu:backdrop .arrow, -.selection-mode headerbar .selection-menu .arrow, -headerbar.selection-mode .selection-menu:backdrop .arrow, -headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - color: alpha(@accent_fg_color,0.5); - -gtk-icon-shadow: none; -} -.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), -.tiled headerbar:backdrop, -.tiled headerbar, -.tiled-top headerbar:backdrop, -.tiled-top headerbar, -.tiled-right headerbar:backdrop, -.tiled-right headerbar, -.tiled-bottom headerbar:backdrop, -.tiled-bottom headerbar, -.tiled-left headerbar:backdrop, -.tiled-left headerbar, -.maximized headerbar:backdrop, -.maximized headerbar, -.fullscreen headerbar:backdrop, -.fullscreen headerbar { - border-radius: 0; -} -.default-decoration.titlebar:not(headerbar), -headerbar.default-decoration { - min-height: 36px; - padding: 0 6px 0 6px; -} -.default-decoration.titlebar:not(headerbar) button.titlebutton, -headerbar.default-decoration button.titlebutton { - border-radius: 100%; -} -.titlebar:not(headerbar) separator.titlebutton, -headerbar separator.titlebutton { - opacity: 0; -} -.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), -.solid-csd headerbar:backdrop:dir(rtl), -.solid-csd headerbar:backdrop:dir(ltr), -.solid-csd headerbar:dir(rtl), -.solid-csd headerbar:dir(ltr) { - margin-left: -1px; - margin-right: -1px; - margin-top: -1px; - border-radius: 0; - box-shadow: none; -} - -headerbar entry, -headerbar spinbutton, -headerbar separator:not(.sidebar), -headerbar button { - margin-top: 6px; - margin-bottom: 6px; -} -headerbar switch { - margin-top: 9px; - margin-bottom: 9px; -} -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.background .titlebar:backdrop, .background .titlebar { - border-top-left-radius: 15px; - border-top-right-radius: 15px; -} - -.background.tiled .titlebar:backdrop, .background.tiled .titlebar, -.background.tiled-top .titlebar:backdrop, -.background.tiled-top .titlebar, -.background.tiled-right .titlebar:backdrop, -.background.tiled-right .titlebar, -.background.tiled-bottom .titlebar:backdrop, -.background.tiled-bottom .titlebar, -.background.tiled-left .titlebar:backdrop, -.background.tiled-left .titlebar, -.background.maximized .titlebar:backdrop, -.background.maximized .titlebar, -.background.solid-csd .titlebar:backdrop, -.background.solid-csd .titlebar { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 15px; -} -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 15px; -} -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 15px; - border-top-right-radius: 15px; -} -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - border-color: transparent; - box-shadow: none; -} -.titlebar:not(headerbar) separator { - background-color: alpha(currentColor,0.15); -} -.titlebar:not(headerbar) separator:backdrop { - background-color: mix(currentColor,@window_bg_color,0.81); -} - -window.devel headerbar.titlebar:not(.selection-mode) { - background: @window_bg_color cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, alpha(@accent_bg_color,0.2)), linear-gradient(to top, mix(black,@headerbar_bg_color,0.97), @headerbar_bg_color 3px, mix(white,@headerbar_bg_color,0.94)); -} -window.devel headerbar.titlebar:not(.selection-mode):backdrop { - background: @headerbar_backdrop_color cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(@headerbar_backdrop_color); -} - -headerbar { - box-shadow: 0 1px alpha(@headerbar_shade_color,0.3); -} - -headerbar:not(.selection-mode), headerbar:not(.selection-mode) entry, .titlebar:not(.selection-mode), .titlebar:not(.selection-mode) entry { - color: @headerbar_fg_color; -} -headerbar:not(.selection-mode):backdrop, -headerbar:not(.selection-mode) entry:backdrop, .titlebar:not(.selection-mode):backdrop, -.titlebar:not(.selection-mode) entry:backdrop { - color: mix(@headerbar_fg_color,@headerbar_bg_color,0.5); -} -headerbar:not(.selection-mode) entry:disabled, .titlebar:not(.selection-mode) entry:disabled { - color: mix(@headerbar_fg_color,@headerbar_bg_color,0.5); -} -headerbar:not(.selection-mode) button:not(.suggested-action):not(.destructive-action), .titlebar:not(.selection-mode) button:not(.suggested-action):not(.destructive-action) { - color: @headerbar_fg_color; -} -headerbar:not(.selection-mode) button:not(.suggested-action):not(.destructive-action):backdrop, .titlebar:not(.selection-mode) button:not(.suggested-action):not(.destructive-action):backdrop { - color: mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5); -} -headerbar:not(.selection-mode) button:not(.suggested-action):not(.destructive-action):disabled, .titlebar:not(.selection-mode) button:not(.suggested-action):not(.destructive-action):disabled { - color: mix(@headerbar_fg_color,@headerbar_bg_color,0.5); -} -headerbar:not(.selection-mode) switch image, .titlebar:not(.selection-mode) switch image { - color: transparent; -} -headerbar button:not(.titlebutton), headerbar button:not(.titlebutton):backdrop, .titlebar button:not(.titlebutton), .titlebar button:not(.titlebutton):backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; -} -headerbar .linked.raised button:not(:only-child):not(:first-child), -headerbar .linked button:not(:only-child):not(:first-child), headerbar > .stack-switcher.linked > button:not(:only-child):not(:first-child), .titlebar .linked.raised button:not(:only-child):not(:first-child), -.titlebar .linked button:not(:only-child):not(:first-child), .titlebar > .stack-switcher.linked > button:not(:only-child):not(:first-child) { - border-left-color: alpha(currentColor,0.15); -} -headerbar .linked.raised button:not(:only-child):not(:last-child), -headerbar .linked button:not(:only-child):not(:last-child), headerbar > .stack-switcher.linked > button:not(:only-child):not(:last-child), .titlebar .linked.raised button:not(:only-child):not(:last-child), -.titlebar .linked button:not(:only-child):not(:last-child), .titlebar > .stack-switcher.linked > button:not(:only-child):not(:last-child) { - border-right-color: alpha(currentColor,0.15); -} -headerbar .linked.raised button:not(:only-child):first-child, -headerbar .linked button:not(:only-child):first-child, headerbar > .stack-switcher.linked > button:not(:only-child):first-child, .titlebar .linked.raised button:not(:only-child):first-child, -.titlebar .linked button:not(:only-child):first-child, .titlebar > .stack-switcher.linked > button:not(:only-child):first-child { - border-left-color: transparent; -} -headerbar .linked.raised button:not(:only-child):last-child, -headerbar .linked button:not(:only-child):last-child, headerbar > .stack-switcher.linked > button:not(:only-child):last-child, .titlebar .linked.raised button:not(:only-child):last-child, -.titlebar .linked button:not(:only-child):last-child, .titlebar > .stack-switcher.linked > button:not(:only-child):last-child { - border-right-color: transparent; -} -headerbar .linked.raised button:not(:only-child):first-child:not(:backdrop):checked, headerbar .linked.raised button:not(:only-child):first-child:not(:backdrop):active, headerbar .linked.raised button:not(:only-child):not(:last-child):not(:backdrop):checked, headerbar .linked.raised button:not(:only-child):not(:last-child):not(:backdrop):active, -headerbar .linked button:not(:only-child):first-child:not(:backdrop):checked, -headerbar .linked button:not(:only-child):first-child:not(:backdrop):active, -headerbar .linked button:not(:only-child):not(:last-child):not(:backdrop):checked, -headerbar .linked button:not(:only-child):not(:last-child):not(:backdrop):active, headerbar > .stack-switcher.linked > button:not(:only-child):first-child:not(:backdrop):checked, headerbar > .stack-switcher.linked > button:not(:only-child):first-child:not(:backdrop):active, headerbar > .stack-switcher.linked > button:not(:only-child):not(:last-child):not(:backdrop):checked, headerbar > .stack-switcher.linked > button:not(:only-child):not(:last-child):not(:backdrop):active, .titlebar .linked.raised button:not(:only-child):first-child:not(:backdrop):checked, .titlebar .linked.raised button:not(:only-child):first-child:not(:backdrop):active, .titlebar .linked.raised button:not(:only-child):not(:last-child):not(:backdrop):checked, .titlebar .linked.raised button:not(:only-child):not(:last-child):not(:backdrop):active, -.titlebar .linked button:not(:only-child):first-child:not(:backdrop):checked, -.titlebar .linked button:not(:only-child):first-child:not(:backdrop):active, -.titlebar .linked button:not(:only-child):not(:last-child):not(:backdrop):checked, -.titlebar .linked button:not(:only-child):not(:last-child):not(:backdrop):active, .titlebar > .stack-switcher.linked > button:not(:only-child):first-child:not(:backdrop):checked, .titlebar > .stack-switcher.linked > button:not(:only-child):first-child:not(:backdrop):active, .titlebar > .stack-switcher.linked > button:not(:only-child):not(:last-child):not(:backdrop):checked, .titlebar > .stack-switcher.linked > button:not(:only-child):not(:last-child):not(:backdrop):active { - box-shadow: inset -1px 0 alpha(currentColor,0.15); -} -headerbar .linked.raised button:not(:only-child):first-child:not(:backdrop):checked + button, headerbar .linked.raised button:not(:only-child):first-child:not(:backdrop):active + button, headerbar .linked.raised button:not(:only-child):not(:last-child):not(:backdrop):checked + button, headerbar .linked.raised button:not(:only-child):not(:last-child):not(:backdrop):active + button, -headerbar .linked button:not(:only-child):first-child:not(:backdrop):checked + button, -headerbar .linked button:not(:only-child):first-child:not(:backdrop):active + button, -headerbar .linked button:not(:only-child):not(:last-child):not(:backdrop):checked + button, -headerbar .linked button:not(:only-child):not(:last-child):not(:backdrop):active + button, headerbar > .stack-switcher.linked > button:not(:only-child):first-child:not(:backdrop):checked + button, headerbar > .stack-switcher.linked > button:not(:only-child):first-child:not(:backdrop):active + button, headerbar > .stack-switcher.linked > button:not(:only-child):not(:last-child):not(:backdrop):checked + button, headerbar > .stack-switcher.linked > button:not(:only-child):not(:last-child):not(:backdrop):active + button, .titlebar .linked.raised button:not(:only-child):first-child:not(:backdrop):checked + button, .titlebar .linked.raised button:not(:only-child):first-child:not(:backdrop):active + button, .titlebar .linked.raised button:not(:only-child):not(:last-child):not(:backdrop):checked + button, .titlebar .linked.raised button:not(:only-child):not(:last-child):not(:backdrop):active + button, -.titlebar .linked button:not(:only-child):first-child:not(:backdrop):checked + button, -.titlebar .linked button:not(:only-child):first-child:not(:backdrop):active + button, -.titlebar .linked button:not(:only-child):not(:last-child):not(:backdrop):checked + button, -.titlebar .linked button:not(:only-child):not(:last-child):not(:backdrop):active + button, .titlebar > .stack-switcher.linked > button:not(:only-child):first-child:not(:backdrop):checked + button, .titlebar > .stack-switcher.linked > button:not(:only-child):first-child:not(:backdrop):active + button, .titlebar > .stack-switcher.linked > button:not(:only-child):not(:last-child):not(:backdrop):checked + button, .titlebar > .stack-switcher.linked > button:not(:only-child):not(:last-child):not(:backdrop):active + button { - border-left-color: transparent; -} -headerbar.selection-mode button:hover:backdrop, .titlebar.selection-mode button:hover:backdrop { - color: alpha(@accent_fg_color,0.5); - background-color: mix(@accent_fg_color,alpha(@accent_bg_color,0.5),0.9); - text-shadow: none; - -gtk-icon-shadow: none; -} -headerbar entry, .titlebar entry { - min-height: 32px; - color: @headerbar_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.9); -} -headerbar entry:backdrop, .titlebar entry:backdrop { - color: mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5); - outline-color: alpha(@accent_color,0.5); - background-color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.9); -} -headerbar entry:disabled, .titlebar entry:disabled { - color: alpha(mix(@headerbar_fg_color,@headerbar_bg_color,0.5),0.5); - background-color: mix(mix(@headerbar_fg_color,@headerbar_bg_color,0.5),@headerbar_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} -headerbar entry:disabled:backdrop, .titlebar entry:disabled:backdrop { - color: alpha(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),0.5); - background-color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} -headerbar entry image.left, .titlebar entry image.left { - margin-right: 6px; -} -headerbar entry image.right, .titlebar entry image.right { - margin-left: 6px; -} -headerbar entry image, .titlebar entry image { - color: mix(@window_fg_color,@view_bg_color,0.2); -} -headerbar entry image:hover, .titlebar entry image:hover { - color: @headerbar_fg_color; -} -headerbar entry image:active, .titlebar entry image:active { - color: @accent_bg_color; -} -headerbar entry image:backdrop, .titlebar entry image:backdrop { - color: mix(mix(@window_fg_color,@window_bg_color,0.5),@window_bg_color,0.2); -} -headerbar entry.error, .titlebar entry.error { - color: @error_bg_color; - border-color: @error_bg_color; -} -headerbar entry.error:focus, .titlebar entry.error:focus { - box-shadow: inset 0 0 0 1px @error_bg_color; - border-color: @error_bg_color; - transition: 300ms ease-in-out; - transition-property: border, box-shadow; -} -headerbar entry.error selection, .titlebar entry.error selection { - background-color: @error_bg_color; -} -headerbar entry.warning, .titlebar entry.warning { - color: @warning_bg_color; - border-color: @warning_bg_color; -} -headerbar entry.warning:focus, .titlebar entry.warning:focus { - box-shadow: inset 0 0 0 1px @warning_bg_color; - border-color: @warning_bg_color; - transition: 300ms ease-in-out; - transition-property: border, box-shadow; -} -headerbar entry.warning selection, .titlebar entry.warning selection { - background-color: @warning_bg_color; -} -headerbar entry.flat:focus, headerbar entry.flat:backdrop, headerbar entry.flat:disabled, headerbar entry.flat:backdrop:disabled, headerbar entry.flat, .titlebar entry.flat:focus, .titlebar entry.flat:backdrop, .titlebar entry.flat:disabled, .titlebar entry.flat:backdrop:disabled, .titlebar entry.flat { - min-height: 0; - padding: 2px; - background-color: transparent; - border-color: transparent; - border-radius: 0; -} -headerbar entry:drop(active):focus, headerbar entry:drop(active), .titlebar entry:drop(active):focus, .titlebar entry:drop(active) { - border-color: @accent_bg_color; - box-shadow: inset 0 0 0 1px @accent_bg_color; -} -headerbar entry progress, .titlebar entry progress { - margin: 2px -6px; - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: @accent_bg_color; - border-style: solid; - box-shadow: none; -} -headerbar entry progress:backdrop, .titlebar entry progress:backdrop { - background-color: transparent; -} -headerbar .linked entry:not(:first-child), .titlebar .linked entry:not(:first-child) { - border-left-color: alpha(currentColor,0.15); -} -headerbar .linked entry:not(:first-child):backdrop, .titlebar .linked entry:not(:first-child):backdrop { - border-left-color: alpha(currentColor,0.15); -} -headerbar switch:backdrop, .titlebar switch:backdrop { - color: mix(@window_fg_color,@window_bg_color,0.5); - border-color: mix(currentColor,@window_bg_color,0.81); - background-color: mix(mix(currentColor,@window_bg_color,0.81),@window_bg_color,0.3); - text-shadow: none; - transition: 200ms ease-out; -} -headerbar switch:backdrop:checked, .titlebar switch:backdrop:checked { - color: @window_bg_color; - background-color: alpha(@accent_bg_color,0.5); -} -headerbar switch:backdrop:checked:disabled, .titlebar switch:backdrop:checked:disabled { - background-color: alpha(@accent_bg_color,0.3); -} -headerbar switch:backdrop:disabled, .titlebar switch:backdrop:disabled { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} -headerbar switch:backdrop slider, .titlebar switch:backdrop slider { - transition: 200ms ease-out; - background-color: mix(@view_bg_color,mix(white,@view_bg_color,0.2),0.7); -} -headerbar switch:backdrop:checked > slider, .titlebar switch:backdrop:checked > slider { - background-color: mix(@view_bg_color,mix(white,@view_bg_color,0.2),0.7); -} -headerbar switch:backdrop:disabled slider, .titlebar switch:backdrop:disabled slider { - background-color: mix(@view_bg_color,mix(white,@view_bg_color,0.2),0.4); -} -headerbar switch:disabled, .titlebar switch:disabled { - background-color: shade(mix(mix(currentColor,@window_bg_color,0.81),@window_bg_color,0.3),0.96); -} -headerbar switch:disabled:backdrop, .titlebar switch:disabled:backdrop { - background-color: mix(mix(currentColor,@window_bg_color,0.81),@window_bg_color,0.3); -} -headerbar:not(:backdrop), .titlebar:not(:backdrop) { - transition: 50ms ease-in; - transition-property: background-color, background-image, box-shadow, border-color, color, text-shadow; -} -headerbar .right, .titlebar .right { - margin-left: -4px; -} -headerbar .right separator, .titlebar .right separator { - min-width: 0; -} -headerbar .left, .titlebar .left { - margin-right: -4px; -} -headerbar .left separator, .titlebar .left separator { - min-width: 0; -} - -.ssd .titlebar { - border-width: 0; - padding: 0px 4px; - min-height: 36px; - border-bottom: 1px solid @headerbar_shade_color; -} -.default-decoration .title { - color: @headerbar_fg_color; -} -.default-decoration .title:backdrop { - color: mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5); -} - -button.titlebutton:not(.appmenu), -headerbar.default-decoration button.titlebutton, .default-decoration.titlebar:not(headerbar) button.titlebutton, .ssd .titlebar.default-decoration button.titlebutton { - background-color: alpha(currentColor,0.1); - min-height: 24px; - min-width: 24px; - margin: 0 4px; - padding: 0; -} -button.titlebutton:hover:not(.appmenu), -headerbar.default-decoration button.titlebutton:hover, .default-decoration.titlebar:not(headerbar) button.titlebutton:hover, .ssd .titlebar.default-decoration button.titlebutton:hover { - background-color: alpha(currentColor,0.15); -} -button.titlebutton:active:not(.appmenu), -headerbar.default-decoration button.titlebutton:active, .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .ssd .titlebar.default-decoration button.titlebutton:active { - background-color: alpha(currentColor,0.3); -} -button.titlebutton:backdrop:not(.appmenu), -headerbar.default-decoration button.titlebutton:backdrop, .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop, .ssd .titlebar.default-decoration button.titlebutton:backdrop { - background: alpha(currentColor,0.1); -} -button.titlebutton:backdrop:hover:not(.appmenu), -headerbar.default-decoration button.titlebutton:backdrop:hover, .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop:hover, .ssd .titlebar.default-decoration button.titlebutton:backdrop:hover { - background: alpha(currentColor,0.15); -} - -headerbar button.text-button:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button, -headerbar .linked button:not(:only-child), headerbar > .stack-switcher.linked > button, .titlebar .linked.raised button, -.titlebar .linked button:not(:only-child), .titlebar > .stack-switcher.linked > button, headerbar .linked entry ~ .image-button, .titlebar .linked entry ~ .image-button { - color: @headerbar_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.9); -} -headerbar button.text-button:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:backdrop, -headerbar .linked button:backdrop:not(:only-child), headerbar > .stack-switcher.linked > button:backdrop, .titlebar .linked.raised button:backdrop, -.titlebar .linked button:backdrop:not(:only-child), .titlebar > .stack-switcher.linked > button:backdrop, headerbar .linked entry ~ .image-button:backdrop, .titlebar .linked entry ~ .image-button:backdrop { - color: alpha(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),0.5); - background-color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.9); - text-shadow: none; - -gtk-icon-shadow: none; -} -headerbar button.text-button:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:hover, -headerbar .linked button:hover:not(:only-child), headerbar > .stack-switcher.linked > button:hover, .titlebar .linked.raised button:hover, -.titlebar .linked button:hover:not(:only-child), .titlebar > .stack-switcher.linked > button:hover, headerbar .linked entry ~ .image-button:hover, .titlebar .linked entry ~ .image-button:hover { - color: @headerbar_fg_color; - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.85); - box-shadow: none; -} -headerbar button.text-button:hover:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:hover:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:hover:backdrop, -headerbar .linked button:hover:backdrop:not(:only-child), headerbar > .stack-switcher.linked > button:hover:backdrop, .titlebar .linked.raised button:hover:backdrop, -.titlebar .linked button:hover:backdrop:not(:only-child), .titlebar > .stack-switcher.linked > button:hover:backdrop, headerbar .linked entry ~ .image-button:hover:backdrop, .titlebar .linked entry ~ .image-button:hover:backdrop { - color: mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5); - background-color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.85); - box-shadow: none; -} -headerbar button.text-button:active:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:active:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:active, -headerbar .linked button:active:not(:only-child), headerbar > .stack-switcher.linked > button:active, .titlebar .linked.raised button:active, -.titlebar .linked button:active:not(:only-child), .titlebar > .stack-switcher.linked > button:active, headerbar .linked entry ~ .image-button:active, .titlebar .linked entry ~ .image-button:active, headerbar button.text-button:checked:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:checked:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:checked, -headerbar .linked button:checked:not(:only-child), headerbar > .stack-switcher.linked > button:checked, .titlebar .linked.raised button:checked, -.titlebar .linked button:checked:not(:only-child), .titlebar > .stack-switcher.linked > button:checked, headerbar .linked entry ~ .image-button:checked, .titlebar .linked entry ~ .image-button:checked { - color: @headerbar_fg_color; - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -headerbar button.text-button:active:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:active:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:active:hover, -headerbar .linked button:active:hover:not(:only-child), headerbar > .stack-switcher.linked > button:active:hover, .titlebar .linked.raised button:active:hover, -.titlebar .linked button:active:hover:not(:only-child), .titlebar > .stack-switcher.linked > button:active:hover, headerbar .linked entry ~ .image-button:active:hover, .titlebar .linked entry ~ .image-button:active:hover, headerbar button.text-button:checked:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:checked:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:checked:hover, -headerbar .linked button:checked:hover:not(:only-child), headerbar > .stack-switcher.linked > button:checked:hover, .titlebar .linked.raised button:checked:hover, -.titlebar .linked button:checked:hover:not(:only-child), .titlebar > .stack-switcher.linked > button:checked:hover, headerbar .linked entry ~ .image-button:checked:hover, .titlebar .linked entry ~ .image-button:checked:hover { - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.65); -} -headerbar button.text-button:active:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:active:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:active:hover, -headerbar .linked button:active:hover:not(:only-child), headerbar > .stack-switcher.linked > button:active:hover, .titlebar .linked.raised button:active:hover, -.titlebar .linked button:active:hover:not(:only-child), .titlebar > .stack-switcher.linked > button:active:hover, headerbar .linked entry ~ .image-button:active:hover, .titlebar .linked entry ~ .image-button:active:hover, headerbar button.text-button:checked:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:checked:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:checked:hover, -headerbar .linked button:checked:hover:not(:only-child), headerbar > .stack-switcher.linked > button:checked:hover, .titlebar .linked.raised button:checked:hover, -.titlebar .linked button:checked:hover:not(:only-child), .titlebar > .stack-switcher.linked > button:checked:hover, headerbar .linked entry ~ .image-button:checked:hover, .titlebar .linked entry ~ .image-button:checked:hover { - color: @headerbar_fg_color; - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -headerbar button.text-button:active:hover:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:active:hover:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:active:hover:hover, -headerbar .linked button:active:hover:hover:not(:only-child), headerbar > .stack-switcher.linked > button:active:hover:hover, .titlebar .linked.raised button:active:hover:hover, -.titlebar .linked button:active:hover:hover:not(:only-child), .titlebar > .stack-switcher.linked > button:active:hover:hover, headerbar .linked entry ~ .image-button:active:hover:hover, .titlebar .linked entry ~ .image-button:active:hover:hover, headerbar button.text-button:checked:hover:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:checked:hover:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:checked:hover:hover, -headerbar .linked button:checked:hover:hover:not(:only-child), headerbar > .stack-switcher.linked > button:checked:hover:hover, .titlebar .linked.raised button:checked:hover:hover, -.titlebar .linked button:checked:hover:hover:not(:only-child), .titlebar > .stack-switcher.linked > button:checked:hover:hover, headerbar .linked entry ~ .image-button:checked:hover:hover, .titlebar .linked entry ~ .image-button:checked:hover:hover { - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.65); -} -headerbar button.text-button:active:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:active:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:active:backdrop, -headerbar .linked button:active:backdrop:not(:only-child), headerbar > .stack-switcher.linked > button:active:backdrop, .titlebar .linked.raised button:active:backdrop, -.titlebar .linked button:active:backdrop:not(:only-child), .titlebar > .stack-switcher.linked > button:active:backdrop, headerbar .linked entry ~ .image-button:active:backdrop, .titlebar .linked entry ~ .image-button:active:backdrop, headerbar button.text-button:checked:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:checked:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:checked:backdrop, -headerbar .linked button:checked:backdrop:not(:only-child), headerbar > .stack-switcher.linked > button:checked:backdrop, .titlebar .linked.raised button:checked:backdrop, -.titlebar .linked button:checked:backdrop:not(:only-child), .titlebar > .stack-switcher.linked > button:checked:backdrop, headerbar .linked entry ~ .image-button:checked:backdrop, .titlebar .linked entry ~ .image-button:checked:backdrop { - color: alpha(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),0.5); - background-color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.7); -} -headerbar button.text-button:active:backdrop:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:active:backdrop:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:active:backdrop:hover, -headerbar .linked button:active:backdrop:hover:not(:only-child), headerbar > .stack-switcher.linked > button:active:backdrop:hover, .titlebar .linked.raised button:active:backdrop:hover, -.titlebar .linked button:active:backdrop:hover:not(:only-child), .titlebar > .stack-switcher.linked > button:active:backdrop:hover, headerbar .linked entry ~ .image-button:active:backdrop:hover, .titlebar .linked entry ~ .image-button:active:backdrop:hover, headerbar button.text-button:checked:backdrop:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:checked:backdrop:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:checked:backdrop:hover, -headerbar .linked button:checked:backdrop:hover:not(:only-child), headerbar > .stack-switcher.linked > button:checked:backdrop:hover, .titlebar .linked.raised button:checked:backdrop:hover, -.titlebar .linked button:checked:backdrop:hover:not(:only-child), .titlebar > .stack-switcher.linked > button:checked:backdrop:hover, headerbar .linked entry ~ .image-button:checked:backdrop:hover, .titlebar .linked entry ~ .image-button:checked:backdrop:hover { - background-color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.6); -} -headerbar button.text-button:active:backdrop:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:active:backdrop:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:active:backdrop:hover, -headerbar .linked button:active:backdrop:hover:not(:only-child), headerbar > .stack-switcher.linked > button:active:backdrop:hover, .titlebar .linked.raised button:active:backdrop:hover, -.titlebar .linked button:active:backdrop:hover:not(:only-child), .titlebar > .stack-switcher.linked > button:active:backdrop:hover, headerbar .linked entry ~ .image-button:active:backdrop:hover, .titlebar .linked entry ~ .image-button:active:backdrop:hover, headerbar button.text-button:checked:backdrop:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:checked:backdrop:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:checked:backdrop:hover, -headerbar .linked button:checked:backdrop:hover:not(:only-child), headerbar > .stack-switcher.linked > button:checked:backdrop:hover, .titlebar .linked.raised button:checked:backdrop:hover, -.titlebar .linked button:checked:backdrop:hover:not(:only-child), .titlebar > .stack-switcher.linked > button:checked:backdrop:hover, headerbar .linked entry ~ .image-button:checked:backdrop:hover, .titlebar .linked entry ~ .image-button:checked:backdrop:hover { - color: alpha(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),0.5); - background-color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.7); -} -headerbar button.text-button:active:backdrop:hover:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:active:backdrop:hover:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:active:backdrop:hover:hover, -headerbar .linked button:active:backdrop:hover:hover:not(:only-child), headerbar > .stack-switcher.linked > button:active:backdrop:hover:hover, .titlebar .linked.raised button:active:backdrop:hover:hover, -.titlebar .linked button:active:backdrop:hover:hover:not(:only-child), .titlebar > .stack-switcher.linked > button:active:backdrop:hover:hover, headerbar .linked entry ~ .image-button:active:backdrop:hover:hover, .titlebar .linked entry ~ .image-button:active:backdrop:hover:hover, headerbar button.text-button:checked:backdrop:hover:hover:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:checked:backdrop:hover:hover:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:checked:backdrop:hover:hover, -headerbar .linked button:checked:backdrop:hover:hover:not(:only-child), headerbar > .stack-switcher.linked > button:checked:backdrop:hover:hover, .titlebar .linked.raised button:checked:backdrop:hover:hover, -.titlebar .linked button:checked:backdrop:hover:hover:not(:only-child), .titlebar > .stack-switcher.linked > button:checked:backdrop:hover:hover, headerbar .linked entry ~ .image-button:checked:backdrop:hover:hover, .titlebar .linked entry ~ .image-button:checked:backdrop:hover:hover { - background-color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.6); -} -headerbar button.text-button:disabled:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:disabled:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:disabled, -headerbar .linked button:disabled:not(:only-child), headerbar > .stack-switcher.linked > button:disabled, .titlebar .linked.raised button:disabled, -.titlebar .linked button:disabled:not(:only-child), .titlebar > .stack-switcher.linked > button:disabled, headerbar .linked entry ~ .image-button:disabled, .titlebar .linked entry ~ .image-button:disabled { - color: alpha(mix(@headerbar_fg_color,@headerbar_bg_color,0.5),0.5); - background-color: mix(mix(@headerbar_fg_color,@headerbar_bg_color,0.5),@headerbar_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} -headerbar button.text-button:backdrop:disabled:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:backdrop:disabled:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:backdrop:disabled, -headerbar .linked button:backdrop:disabled:not(:only-child), headerbar > .stack-switcher.linked > button:backdrop:disabled, .titlebar .linked.raised button:backdrop:disabled, -.titlebar .linked button:backdrop:disabled:not(:only-child), .titlebar > .stack-switcher.linked > button:backdrop:disabled, headerbar .linked entry ~ .image-button:backdrop:disabled, .titlebar .linked entry ~ .image-button:backdrop:disabled { - color: alpha(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),0.5); - background-color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.9); - text-shadow: none; - -gtk-icon-shadow: none; -} -headerbar button.default.text-button:not(:backdrop):not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.default.text-button:not(:backdrop):not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.default:not(:backdrop):not(.suggested-action):not(.destructive-action), -headerbar .linked button.default:not(:backdrop):not(.suggested-action):not(.destructive-action):not(:only-child), headerbar > .stack-switcher.linked > button.default:not(:backdrop):not(.suggested-action):not(.destructive-action), .titlebar .linked.raised button.default:not(:backdrop):not(.suggested-action):not(.destructive-action), -.titlebar .linked button.default:not(:backdrop):not(.suggested-action):not(.destructive-action):not(:only-child), .titlebar > .stack-switcher.linked > button.default:not(:backdrop):not(.suggested-action):not(.destructive-action), headerbar .linked entry ~ .default.image-button:not(:backdrop):not(.suggested-action):not(.destructive-action), .titlebar .linked entry ~ .default.image-button:not(:backdrop):not(.suggested-action):not(.destructive-action) { - color: @headerbar_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.9); -} -headerbar button.flat.text-button:not(:hover):not(:active):not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.flat.text-button:not(:hover):not(:active):not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.flat:not(:hover):not(:active), -headerbar .linked button.flat:not(:hover):not(:active):not(:only-child), headerbar > .stack-switcher.linked > button.flat:not(:hover):not(:active), .titlebar .linked.raised button.flat:not(:hover):not(:active), -.titlebar .linked button.flat:not(:hover):not(:active):not(:only-child), .titlebar > .stack-switcher.linked > button.flat:not(:hover):not(:active), headerbar .linked entry ~ .flat.image-button:not(:hover):not(:active), .titlebar .linked entry ~ .flat.image-button:not(:hover):not(:active) { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; -} -headerbar button:hover:not(.titlebutton), .titlebar button:hover:not(.titlebutton), headerbar viewswitcher button.radio:hover:checked, .titlebar viewswitcher button.radio:hover:checked { - color: @headerbar_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.9); -} -headerbar button:hover:backdrop:not(.titlebutton), .titlebar button:hover:backdrop:not(.titlebutton), headerbar viewswitcher button.radio:hover:backdrop:checked, .titlebar viewswitcher button.radio:hover:backdrop:checked { - color: alpha(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),0.5); - background-color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.9); - text-shadow: none; - -gtk-icon-shadow: none; -} -headerbar button:active:not(.titlebutton), .titlebar button:active:not(.titlebutton), headerbar button:checked:not(.titlebutton), .titlebar button:checked:not(.titlebutton), headerbar viewswitcher button.radio:checked, .titlebar viewswitcher button.radio:checked { - color: @headerbar_fg_color; - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -headerbar button:active:hover:not(.titlebutton), .titlebar button:active:hover:not(.titlebutton), headerbar button:checked:hover:not(.titlebutton), .titlebar button:checked:hover:not(.titlebutton), headerbar viewswitcher button.radio:checked:hover, .titlebar viewswitcher button.radio:checked:hover { - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.65); -} -headerbar button:active:hover:not(.titlebutton), .titlebar button:active:hover:not(.titlebutton), headerbar button:checked:hover:not(.titlebutton), .titlebar button:checked:hover:not(.titlebutton), headerbar viewswitcher button.radio:checked:hover, .titlebar viewswitcher button.radio:checked:hover { - color: @headerbar_fg_color; - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -headerbar button:active:hover:hover:not(.titlebutton), .titlebar button:active:hover:hover:not(.titlebutton), headerbar button:checked:hover:hover:not(.titlebutton), .titlebar button:checked:hover:hover:not(.titlebutton), headerbar viewswitcher button.radio:checked:hover:hover, .titlebar viewswitcher button.radio:checked:hover:hover { - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.65); -} -headerbar button:active:backdrop:not(.titlebutton), .titlebar button:active:backdrop:not(.titlebutton), headerbar button:checked:backdrop:not(.titlebutton), .titlebar button:checked:backdrop:not(.titlebutton), headerbar viewswitcher button.radio:checked:backdrop, .titlebar viewswitcher button.radio:checked:backdrop { - color: alpha(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),0.5); - background-color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.7); -} -headerbar button:active:backdrop:hover:not(.titlebutton), .titlebar button:active:backdrop:hover:not(.titlebutton), headerbar button:checked:backdrop:hover:not(.titlebutton), .titlebar button:checked:backdrop:hover:not(.titlebutton), headerbar viewswitcher button.radio:checked:backdrop:hover, .titlebar viewswitcher button.radio:checked:backdrop:hover { - background-color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.6); -} -headerbar button:active:backdrop:hover:not(.titlebutton), .titlebar button:active:backdrop:hover:not(.titlebutton), headerbar button:checked:backdrop:hover:not(.titlebutton), .titlebar button:checked:backdrop:hover:not(.titlebutton), headerbar viewswitcher button.radio:checked:backdrop:hover, .titlebar viewswitcher button.radio:checked:backdrop:hover { - color: alpha(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),0.5); - background-color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.7); -} -headerbar button:active:backdrop:hover:hover:not(.titlebutton), .titlebar button:active:backdrop:hover:hover:not(.titlebutton), headerbar button:checked:backdrop:hover:hover:not(.titlebutton), .titlebar button:checked:backdrop:hover:hover:not(.titlebutton), headerbar viewswitcher button.radio:checked:backdrop:hover:hover, .titlebar viewswitcher button.radio:checked:backdrop:hover:hover { - background-color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.6); -} -headerbar button.default:not(:backdrop):not(.suggested-action):not(.destructive-action):not(.titlebutton), .titlebar button.default:not(:backdrop):not(.suggested-action):not(.destructive-action):not(.titlebutton), headerbar viewswitcher button.default.radio:not(:backdrop):not(.suggested-action):not(.destructive-action):checked, .titlebar viewswitcher button.default.radio:not(:backdrop):not(.suggested-action):not(.destructive-action):checked { - color: @headerbar_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.9); -} -headerbar button.flat:not(:hover):not(:active):not(.titlebutton), .titlebar button.flat:not(:hover):not(:active):not(.titlebutton), headerbar viewswitcher button.flat.radio:not(:hover):not(:active):checked, .titlebar viewswitcher button.flat.radio:not(:hover):not(:active):checked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; -} -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 4px; - padding-right: 4px; -} -.path-bar button.text-button.image-button label { - padding-left: 0; - padding-right: 0; -} -.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { - padding-right: 8px; -} -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 8px; -} -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} -.path-bar button.slider-button { - padding-left: 0; - padding-right: 0; -} - -* { - -GtkTreeView-horizontal-separator: 4; - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-grid-line-pattern: ""; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ""; - -GtkTreeView-expander-size: 16; -} - -treeview.view { - border-left-color: mix(@window_fg_color,@view_bg_color,0.5); - border-top-color: @window_bg_color; -} -treeview.view:selected:focus, treeview.view:selected { - border-radius: 0; -} -treeview.view:selected:backdrop, treeview.view:selected { - border-left-color: mix(@accent_fg_color,@accent_bg_color,0.5); - border-top-color: alpha(@window_fg_color,0.1); -} -treeview.view:disabled { - color: alpha(@window_fg_color,0.5); -} -treeview.view:disabled:selected { - color: mix(@accent_fg_color,@accent_bg_color,0.6); -} -treeview.view:disabled:selected:backdrop { - color: mix(@window_bg_color,@accent_bg_color,0.7); -} -treeview.view.separator { - min-height: 2px; - color: @window_bg_color; -} -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: mix(black,@accent_bg_color,0.85); -} -treeview.view:drop(active).after { - border-top-style: none; -} -treeview.view:drop(active).before { - border-bottom-style: none; -} -treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} -treeview.view.expander { - color: mix(@view_fg_color,@view_bg_color,0.3); -} -treeview.view.expander:hover { - color: @view_fg_color; -} -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} -treeview.view.progressbar { - color: @view_bg_color; - background-color: @accent_bg_color; - background-image: image(@accent_bg_color); - box-shadow: none; -} -treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { - color: @accent_bg_color; - background-image: image(@view_bg_color); -} -treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - color: @accent_bg_color; - background-color: @window_bg_color; -} -treeview.view.progressbar:backdrop { - color: @window_bg_color; - background-image: none; - box-shadow: none; -} -treeview.view.trough { - background-color: alpha(@window_fg_color,0.1); -} -treeview.view.trough:selected:focus, treeview.view.trough:selected { - background-color: alpha(@accent_fg_color,0.3); -} -treeview.view header button { - padding: 3px 6px; - color: mix(@view_fg_color,@view_bg_color,0.6); - background-image: none; - background-color: @view_bg_color; - border-bottom: 1px solid mix(currentColor,@window_bg_color,0.85); - border-right: none; - border-left: none; - border-radius: 0; - box-shadow: none; - text-shadow: none; - font-size: smaller; -} -treeview.view header button:hover { - color: mix(@view_fg_color,@view_bg_color,0.3); - transition: none; - background-image: none; -} -treeview.view header button:active { - color: mix(@view_fg_color,@view_bg_color,0.25); - transition: none; - background-color: @view_bg_color; -} -treeview.view header button:disabled { - border-color: @window_bg_color; - background-image: none; -} -treeview.view header button:last-child:backdrop, treeview.view header button:last-child { - border-right-style: none; -} -treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, -treeview.view header.button.dnd:active, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd { - padding: 3px 6px; - color: @accent_fg_color; - background-image: none; - background-color: @accent_bg_color; - border-style: none; - border-radius: 0; - box-shadow: none; - text-shadow: none; - transition: none; - font-size: smaller; -} -treeview.view acceleditor > label { - background-color: @accent_bg_color; -} - -treeview.view:not(:backdrop):not(:selected):hover { - background-color: alpha(currentColor,0.04); -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; -} -menubar:backdrop, -.menubar:backdrop { - background-color: @window_bg_color; -} -menubar > menuitem, -.menubar > menuitem { - border-radius: 9px; - min-height: 16px; - padding: 4px 8px; -} -menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), -.menubar > menuitem menu:dir(rtl), -.menubar > menuitem menu:dir(ltr) { - border-radius: 9px; - padding: 6px; -} -menubar > menuitem menu:dir(rtl) menuitem, menubar > menuitem menu:dir(ltr) menuitem, -.menubar > menuitem menu:dir(rtl) menuitem, -.menubar > menuitem menu:dir(ltr) menuitem { - border-radius: 9px; -} -menubar > menuitem:hover, -.menubar > menuitem:hover { - background-color: alpha(currentColor,0.1); -} -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: alpha(@window_fg_color,0.5); - box-shadow: none; -} -menubar .csd.popup decoration, -.menubar .csd.popup decoration { - border-radius: 9px; -} - -.background.popup { - background-color: transparent; -} - -menu, -.menu, -.context-menu { - margin: 4px; - padding: 6px; - background-color: @popover_bg_color; - border: 1px solid mix(currentColor,@window_bg_color,0.85); -} -menu separator, -.menu separator, -.context-menu separator { - margin: 6px 0; -} -.csd menu, -.csd .menu, -.csd .context-menu { - border: none; - border-radius: 9px; -} -menu menuitem, -.menu menuitem, -.context-menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 4px 6px; - text-shadow: none; - font-weight: normal; - border-radius: 9px; -} -menu menuitem:hover, -.menu menuitem:hover, -.context-menu menuitem:hover { - color: @window_fg_color; - background-color: alpha(currentColor,0.1); -} -menu menuitem:disabled, -.menu menuitem:disabled, -.context-menu menuitem:disabled { - color: alpha(@window_fg_color,0.5); -} -menu menuitem arrow, -.menu menuitem arrow, -.context-menu menuitem arrow { - min-height: 16px; - min-width: 16px; -} -menu menuitem arrow:dir(ltr), -.menu menuitem arrow:dir(ltr), -.context-menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 10px; -} -menu menuitem arrow:dir(rtl), -.menu menuitem arrow:dir(rtl), -.context-menu menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-right: 10px; -} -menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), -.menu menuitem label:dir(rtl), -.menu menuitem label:dir(ltr), -.context-menu menuitem label:dir(rtl), -.context-menu menuitem label:dir(ltr) { - color: inherit; -} -menu > arrow, -.menu > arrow, -.context-menu > arrow { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: @popover_bg_color; - border-radius: 0; -} -menu > arrow.top, -.menu > arrow.top, -.context-menu > arrow.top { - margin-top: -4px; - border-bottom: 1px solid mix(@window_fg_color,@view_bg_color,0.9); - border-top-right-radius: 9px; - border-top-left-radius: 9px; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} -menu > arrow.bottom, -.menu > arrow.bottom, -.context-menu > arrow.bottom { - margin-top: 8px; - margin-bottom: -12px; - border-top: 1px solid mix(@window_fg_color,@view_bg_color,0.9); - border-bottom-right-radius: 9px; - border-bottom-left-radius: 9px; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} -menu > arrow:hover, -.menu > arrow:hover, -.context-menu > arrow:hover { - background-color: mix(@window_fg_color,@view_bg_color,0.9); -} -menu > arrow:disabled, -.menu > arrow:disabled, -.context-menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -menuitem accelerator { - color: alpha(currentColor,0.55); -} -menuitem check, -menuitem radio { - min-height: 16px; - min-width: 16px; -} -menuitem check:dir(ltr), -menuitem radio:dir(ltr) { - margin-right: 7px; -} -menuitem check:dir(rtl), -menuitem radio:dir(rtl) { - margin-left: 7px; -} - -popover.background { - padding: 2px; - background-color: @popover_bg_color; - box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 8px 3px rgba(0, 0, 0, 0.05); -} -.csd popover.background, popover.background { - border: 1px solid mix(currentColor,@window_bg_color,0.85); - border-radius: 15px; -} -.csd popover.background { - background-clip: padding-box; - border-color: rgba(0, 0, 0, 0.14); -} -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} -.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { - border: 1px solid rgba(255, 255, 255, 0.1); -} -popover.background separator { - margin: 6px 0; -} -popover.background list separator { - margin: 0px; -} - -popover.background button { - color: @popover_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@popover_fg_color,@popover_bg_color,0.9); -} -popover.background button.flat:not(:hover):not(:active) { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; -} -popover.background button:hover { - color: @popover_fg_color; - background-color: mix(@popover_fg_color,@popover_bg_color,0.85); - box-shadow: none; -} -popover.background button:active, popover.background button:checked { - color: @popover_fg_color; - background-color: mix(@popover_fg_color,@popover_bg_color,0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -popover.background button:active:hover, popover.background button:checked:hover { - background-color: mix(@popover_fg_color,@popover_bg_color,0.65); -} -popover.background button:disabled { - color: alpha(mix(@popover_fg_color,@popover_bg_color,0.5),0.5); - background-color: mix(mix(@popover_fg_color,@popover_bg_color,0.5),@popover_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} -popover.background entry { - color: @popover_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@popover_fg_color,@popover_bg_color,0.9); -} -popover.background entry:disabled { - color: mix(@popover_fg_color,@popover_bg_color,0.5); - outline-color: alpha(@accent_color,0.5); - background-color: mix(mix(@popover_fg_color,@popover_bg_color,0.5),@popover_bg_color,0.9); -} - -popover.background modelbutton.flat { - padding-left: 16px; - padding-right: 16px; -} -popover.background modelbutton.flat, -popover.background .menuitem.button.flat { - color: @popover_fg_color; -} -popover.background modelbutton.flat:disabled label, -popover.background .menuitem.button.flat:disabled label { - color: mix(@popover_fg_color,@popover_bg_color,0.5); -} -popover.background modelbutton.flat:backdrop:hover, -popover.background .menuitem.button.flat:backdrop:hover { - background-color: alpha(currentColor,0.04); -} - -popover.menu > stack { - margin: -6px; -} - -notebook > header { - padding: 1px; - border-width: 1px; - background-clip: padding-box; - background-color: @window_bg_color; - border-color: alpha(currentColor,0.15); -} -notebook > header tabs { - margin: -1px; -} -notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { - background-color: alpha(currentColor,0.07); -} -notebook > header.top { - border-bottom-style: solid; -} -notebook > header.top > tabs { - margin-bottom: -2px; -} -notebook > header.top > tabs > tab:not(.reorderable-page):hover { - box-shadow: inset 0 -4px alpha(currentColor,0.15); -} -notebook > header.top > tabs > tab:not(.reorderable-page):checked { - box-shadow: inset 0 -4px @accent_bg_color; -} -notebook > header.bottom { - border-top-style: solid; -} -notebook > header.bottom > tabs { - margin-top: -2px; -} -notebook > header.bottom > tabs > tab:not(.reorderable-page):hover { - box-shadow: inset 0 4px alpha(currentColor,0.15); -} -notebook > header.bottom > tabs > tab:not(.reorderable-page):checked { - box-shadow: inset 0 4px @accent_bg_color; -} -notebook > header.left { - border-right-style: solid; -} -notebook > header.left > tabs { - margin-right: -2px; -} -notebook > header.left > tabs > tab:not(.reorderable-page):hover { - box-shadow: inset -4px 0 alpha(currentColor,0.15); -} -notebook > header.left > tabs > tab:not(.reorderable-page):checked { - box-shadow: inset -4px 0 @accent_bg_color; -} -notebook > header.right { - border-left-style: solid; -} -notebook > header.right > tabs { - margin-left: -2px; -} -notebook > header.right > tabs > tab:not(.reorderable-page):hover { - box-shadow: inset 4px 0 alpha(currentColor,0.15); -} -notebook > header.right > tabs > tab:not(.reorderable-page):checked { - box-shadow: inset 4px 0 @accent_bg_color; -} -notebook > header.top > tabs > arrow { - border-top-style: none; -} -notebook > header.bottom > tabs > arrow { - border-bottom-style: none; -} -notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; -} -notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.left > tabs > arrow { - border-left-style: none; -} -notebook > header.right > tabs > arrow { - border-right-style: none; -} -notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; -} -notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; -} -notebook > header > tabs > arrow:hover:not(:active) { - box-shadow: none; -} -notebook > header > tabs > arrow:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; -} -notebook > header tab { - min-height: 30px; - min-width: 30px; - padding: 3px 12px; - color: @window_fg_color; - font-weight: normal; - border-width: 0px; - border-color: transparent; -} -notebook > header tab.reorderable-page { - -gtk-outline-radius: 11px; - margin: 4px 2px; - border-radius: 9px; -} -notebook > header tab.reorderable-page { - outline: 0 solid transparent; - outline-offset: 4px; - transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -notebook > header tab.reorderable-page:focus { - outline-color: alpha(@accent_color,0.5); - outline-width: 2px; - outline-offset: -2px; -} -notebook > header tab.reorderable-page:hover { - background-color: alpha(currentColor,0.07); - box-shadow: none; -} -notebook > header tab.reorderable-page:checked { - background-color: alpha(currentColor,0.1); - box-shadow: none; -} -notebook > header tab.reorderable-page:checked:hover { - background-color: alpha(currentColor,0.12); -} -notebook > header tab button.flat { - color: alpha(currentColor,0.3); - padding: 0; - margin-top: 4px; - margin-bottom: 4px; - min-width: 20px; - min-height: 20px; - border-radius: 100%; -} -notebook > header tab button.flat:hover { - color: currentColor; - background-color: alpha(currentColor,0.15); -} -notebook > header tab button.flat:active { - background-color: alpha(currentColor,0.3); -} -notebook > header tab button.flat, notebook > header tab button.flat:backdrop { - color: alpha(currentColor,0.3); -} -notebook > header tab button.flat:last-child { - margin-left: 4px; - margin-right: -4px; -} -notebook > header tab button.flat:first-child { - margin-left: -4px; - margin-right: 4px; -} -notebook > header.top tabs, notebook > header.bottom tabs { - padding-left: 4px; - padding-right: 4px; -} -notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { - margin-left: 3px; - margin-right: 3px; -} -notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { - margin-left: -1px; -} -notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { - margin-right: -1px; -} -notebook > header.top tabs tab, notebook > header.bottom tabs tab { - margin-left: 4px; - margin-right: 4px; -} -notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { - border-style: none; - margin-left: 0px; - margin-right: 0px; -} -notebook > header.left tabs, notebook > header.right tabs { - padding-top: 4px; - padding-bottom: 4px; -} -notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { - margin-top: 3px; - margin-bottom: 3px; -} -notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { - margin-top: -1px; -} -notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { - margin-bottom: -1px; -} -notebook > header.left tabs tab, notebook > header.right tabs tab { - margin-top: 4px; - margin-bottom: 4px; -} -notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { - border-style: none solid; - margin-top: 0px; - margin-bottom: 0px; -} -notebook > header.top tab { - padding-bottom: 4px; -} -notebook > header.bottom tab { - padding-top: 4px; -} -notebook > stack:not(:only-child) { - background-color: @view_bg_color; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar { - background-color: @view_bg_color; - transition: all 200ms linear; -} -scrollbar slider { - color: @window_fg_color; - min-width: 8px; - min-height: 8px; - margin: -1px; - border: 4px solid transparent; - border-radius: 10px; - background-clip: padding-box; - background-color: alpha(currentColor,0.2); - transition: all 200ms linear; -} -scrollbar slider:hover { - background-color: alpha(currentColor,0.4); -} -scrollbar slider:hover:active { - background-color: alpha(currentColor,0.6); -} -scrollbar slider:disabled { - background-color: transparent; -} -scrollbar.fine-tune slider, scrollbar.fine-tune slider:hover, scrollbar.fine-tune slider:active { - background-color: alpha(@accent_color,0.6); -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: 0.4; - background-color: transparent; - transition-property: background-color, min-height, min-width; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 3px; - min-height: 3px; - background-color: @window_fg_color; - border: 1px solid white; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 5px; - min-height: 5px; - background-color: @window_fg_color; - background-clip: padding-box; - border-radius: 100%; - border: 1px solid white; - -gtk-icon-source: none; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - margin: 0 2px; - min-width: 40px; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - margin: 1px 2px; - min-width: 5px; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - margin: 2px 0; - min-height: 40px; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - margin: 2px 1px; - min-height: 5px; -} -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.8; -} -scrollbar.horizontal slider { - min-width: 40px; -} -scrollbar.vertical slider { - min-height: 40px; -} -scrollbar button { - padding: 0; - min-width: 12px; - min-height: 12px; - border-style: none; - border-radius: 0; - transition-property: min-height, min-width, color; - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: alpha(currentColor,0.2); -} -scrollbar button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: alpha(currentColor,0.4); -} -scrollbar button:active, scrollbar button:checked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: alpha(currentColor,0.6); -} -scrollbar button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: alpha(currentColor,0.2); -} -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -treeview ~ scrollbar.vertical { - border-top: 1px solid mix(currentColor,@window_bg_color,0.85); - margin-top: -1px; -} - -switch { - outline-offset: -4px; - padding: 3px; - border-radius: 14px; - color: @window_fg_color; - background-color: alpha(currentColor,0.15); -} -switch:hover:not(:checked) { - background-color: alpha(currentColor,0.2); -} -switch:checked { - color: @accent_fg_color; - background-color: @accent_bg_color; -} -switch:checked:hover { - background-image: image(alpha(currentColor,0.1)); -} -switch:checked:hover:active { - background-image: image(rgba(0, 0, 0, 0.2)); -} -switch:checked:disabled { - background-color: alpha(@accent_bg_color,0.5); -} -switch:disabled { - color: alpha(@window_fg_color,0.5); - border-color: transparent; - background-color: mix(mix(currentColor,@window_bg_color,0.81),@window_bg_color,0.3); - text-shadow: none; -} -switch slider { - margin: 0px; - min-width: 20px; - min-height: 20px; - background-color: mix(white,@view_bg_color,0.2); - border: 1px solid transparent; - border-radius: 50%; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-outline-radius: 20px; -} -switch image { - color: transparent; -} -switch:hover slider { - background-color: white; -} -switch:checked > slider { - background-color: white; -} -switch:disabled slider { - background-color: mix(@view_bg_color,mix(white,@view_bg_color,0.2),0.5); - box-shadow: none; -} -row:selected switch { - box-shadow: none; - border-color: mix(black,@accent_bg_color,0.8); -} -row:selected switch:backdrop { - border-color: mix(black,@accent_bg_color,0.8); -} -row:selected switch > slider:checked, row:selected switch > slider { - border-color: mix(black,@accent_bg_color,0.8); -} - -.view.content-view.check:not(list), -.content-view:not(list) check { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: @accent_bg_color; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; -} - -.view.content-view.check:hover:not(list), -.content-view:not(list) check:hover { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: @accent_bg_color; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; -} - -.view.content-view.check:active:not(list), -.content-view:not(list) check:active { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: @accent_bg_color; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; -} - -.view.content-view.check:backdrop:not(list), -.content-view:not(list) check:backdrop { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: alpha(@window_fg_color,0.5); - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; -} - -.view.content-view.check:checked:not(list), -.content-view:not(list) check:checked { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: rgba(255, 255, 255, 0.9); - background-color: @accent_bg_color; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; -} - -.view.content-view.check:checked:hover:not(list), -.content-view:not(list) check:checked:hover { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: rgba(255, 255, 255, 0.9); - background-color: @accent_bg_color; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; -} - -.view.content-view.check:checked:active:not(list), -.content-view:not(list) check:checked:active { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: rgba(255, 255, 255, 0.9); - background-color: @accent_bg_color; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; -} - -.view.content-view.check:backdrop:checked:not(list), -.content-view:not(list) check:backdrop:checked { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: rgba(255, 255, 255, 0.7); - background-color: alpha(@window_fg_color,0.5); - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} -checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; -} -checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - margin: 0 4px; - padding: 1px; - min-height: 14px; - min-width: 14px; - border: 2px solid; - transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-source: none; -} -check:only-child, -radio:only-child { - margin: 0; -} -popover check.left:dir(rtl), -popover radio.left:dir(rtl) { - margin-left: 0; - margin-right: 12px; -} -popover check.right:dir(ltr), -popover radio.right:dir(ltr) { - margin-left: 12px; - margin-right: 0; -} -check, -radio { - background-clip: padding-box; - background-image: image(transparent); - border-color: alpha(currentColor,0.15); - box-shadow: none; - color: @window_fg_color; -} -check:hover:not(:checked):not(:indeterminate), -radio:hover:not(:checked):not(:indeterminate) { - border-color: alpha(currentColor,0.2); -} -check:active, -radio:active { - box-shadow: none; -} -check:disabled, -radio:disabled { - box-shadow: none; - background-image: image(transparent); - color: alpha(@window_fg_color,0.5); - border-color: alpha(currentColor,0.15); -} -check:checked, -radio:checked { - background-clip: border-box; - background-image: image(@accent_bg_color); - border-color: @accent_bg_color; - box-shadow: none; - color: @accent_fg_color; -} -check:checked:hover:not(:checked):not(:indeterminate), -radio:checked:hover:not(:checked):not(:indeterminate) { - border-color: alpha(currentColor,0.2); -} -check:checked:active, -radio:checked:active { - box-shadow: none; -} -check:checked:disabled, -radio:checked:disabled { - box-shadow: none; - background-image: image(@accent_bg_color); - color: alpha(@accent_fg_color,0.5); - border-color: @accent_bg_color; -} -check:indeterminate, -radio:indeterminate { - background-clip: border-box; - background-image: image(@accent_bg_color); - border-color: @accent_bg_color; - box-shadow: none; - color: @accent_fg_color; -} -check:indeterminate:hover:not(:checked):not(:indeterminate), -radio:indeterminate:hover:not(:checked):not(:indeterminate) { - border-color: alpha(currentColor,0.2); -} -check:indeterminate:active, -radio:indeterminate:active { - box-shadow: none; -} -check:indeterminate:disabled, -radio:indeterminate:disabled { - box-shadow: none; - background-image: image(@accent_bg_color); - color: alpha(@accent_fg_color,0.5); - border-color: @accent_bg_color; -} -row:selected check, -row:selected radio { - border-color: mix(black,@accent_bg_color,0.8); -} -.osd check, -.osd radio { - color: white; - border-color: transparent; - background-color: rgba(0, 0, 0, 0.65); - background-clip: padding-box; -} -.osd check:hover, -.osd radio:hover { - color: white; - border-color: transparent; - background-color: rgba(0, 0, 0, 0.65); - background-clip: padding-box; -} -.osd check:active, -.osd radio:active { - color: white; - border-color: transparent; - background-color: mix(black,currentColor,0.2); - background-clip: padding-box; -} -.osd check:backdrop, -.osd radio:backdrop { - color: rgba(255, 255, 255, 0.9); - border-color: transparent; - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -.osd check:disabled, -.osd radio:disabled { - color: rgba(255, 255, 255, 0.5); - border-color: transparent; - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -menu menuitem check, -menu menuitem radio { - margin: 0; - padding: 0; -} -menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:not(:checked), menu menuitem check:not(:checked):hover, menu menuitem check:not(:checked):disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, -menu menuitem radio, -menu menuitem radio:hover, -menu menuitem radio:disabled, -menu menuitem radio:not(:checked), -menu menuitem radio:not(:checked):hover, -menu menuitem radio:not(:checked):disabled, -menu menuitem radio:checked, -menu menuitem radio:checked:hover, -menu menuitem radio:checked:disabled, -menu menuitem radio:indeterminate, -menu menuitem radio:indeterminate:hover, -menu menuitem radio:indeterminate:disabled { - min-height: 14px; - min-width: 14px; - padding: 1px; - background-image: none; - background-color: transparent; - box-shadow: none; - -gtk-icon-shadow: none; - color: inherit; - border-width: 1px; - border-color: alpha(currentColor,0.4); -} - -check { - border-radius: 6px; -} -check:checked { - -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); -} -check:indeterminate { - -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); -} -menu menuitem check, -menu menuitem check:hover, -menu menuitem check:disabled, -menu menuitem check:checked, -menu menuitem check:checked:hover, -menu menuitem check:checked:disabled, -menu menuitem check:indeterminate, -menu menuitem check:indeterminate:hover, -menu menuitem check:indeterminate:disabled { - border: none; -} - -treeview.view radio:selected:focus, treeview.view radio:selected, -radio { - border-radius: 100%; -} -treeview.view radio:checked:selected, -radio:checked { - -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); -} -treeview.view radio:indeterminate:selected, -radio:indeterminate { - -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); -} - -menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), -menu menuitem check:checked:not(:backdrop), -menu menuitem check:indeterminate:not(:backdrop) { - transition: none; -} - -treeview.view check:selected:focus, treeview.view check:selected, -treeview.view radio:selected:focus, -treeview.view radio:selected { - color: @accent_fg_color; - border-color: mix(black,@accent_bg_color,0.85); -} - -treeview.view check:selected:focus, treeview.view check:selected { - border-radius: 6px; -} - -progressbar trough, scale fill, scale trough { - border-radius: 9px; - background-color: alpha(currentColor,0.15); -} -progressbar trough:disabled, scale fill:disabled, scale trough:disabled { - background-color: alpha(alpha(currentColor,0.15),0.5); -} -row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { - border-color: mix(black,@accent_bg_color,0.85); -} -.osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { - border-color: rgba(0, 0, 0, 0.9); - background-color: rgba(0, 0, 0, 0.7); -} -.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { - background-color: rgba(0, 0, 0, 0.5); -} - -progressbar progress, scale highlight { - border-radius: 9px; - background-color: @accent_bg_color; - color: @accent_fg_color; -} -progressbar progress:disabled, scale highlight:disabled { - background-color: mix(@accent_bg_color,@view_bg_color,0.5); - border-color: transparent; -} -row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { - border-color: mix(black,@accent_bg_color,0.85); -} -.osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { - border-color: rgba(0, 0, 0, 0.9); -} -.osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { - border-color: transparent; -} - -scale { - min-height: 10px; - min-width: 10px; - padding: 12px; -} -scale slider { - min-height: 18px; - min-width: 18px; - margin: -9px; -} -scale.fine-tune.horizontal { - padding-top: 9px; - padding-bottom: 9px; - min-height: 16px; -} -scale.fine-tune.vertical { - padding-left: 9px; - padding-right: 9px; - min-width: 16px; -} -scale.fine-tune slider { - margin: -6px; -} -scale.fine-tune fill, -scale.fine-tune highlight, -scale.fine-tune trough { - border-radius: 5px; - -gtk-outline-radius: 7px; -} -scale trough { - outline-offset: 2px; - -gtk-outline-radius: 5px; -} -scale.horizontal trough { - min-height: 4px; -} -scale.vertical trough { - min-width: 4px; -} -scale fill:backdrop, scale fill { - background-color: mix(currentColor,@window_bg_color,0.85); -} -scale fill:disabled:backdrop, scale fill:disabled { - border-color: transparent; - background-color: transparent; -} -.osd scale fill { - background-color: mix(rgba(255, 255, 255, 0.9),rgba(0, 0, 0, 0.9),0.75); -} -.osd scale fill:disabled:backdrop, .osd scale fill:disabled { - border-color: transparent; - background-color: transparent; -} -scale slider { - background-color: mix(white,@view_bg_color,0.2); - box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.25); - border: 1px solid transparent; - border-radius: 100%; - transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; -} -scale slider:hover { - background-color: white; -} -scale slider:disabled { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - background-color: mix(@view_bg_color,mix(white,@view_bg_color,0.2),0.5); - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); -} -scale slider:backdrop { - transition: 200ms ease-out; - box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15); -} -scale slider:backdrop:disabled { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); -} -row:selected scale slider:disabled, row:selected scale slider { - border-color: mix(black,@accent_bg_color,0.85); -} -.osd scale slider { - background-color: mix(white,@view_bg_color,0.2); - box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.25); - border: 1px solid transparent; -} -.osd scale slider:hover { - background-color: white; -} -.osd scale slider:disabled { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -} -.osd scale slider:backdrop { - transition: 200ms ease-out; - box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2); -} -.osd scale slider:backdrop:disabled { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -} -scale marks, -scale value { - color: alpha(currentColor,0.55); - font-feature-settings: "tnum"; -} -scale.horizontal marks.top { - margin-bottom: 6px; - margin-top: -12px; -} -scale.horizontal.fine-tune marks.top { - margin-bottom: 6px; - margin-top: -9px; -} -scale.horizontal marks.bottom { - margin-top: 6px; - margin-bottom: -12px; -} -scale.horizontal.fine-tune marks.bottom { - margin-top: 6px; - margin-bottom: -9px; -} -scale.vertical marks.top { - margin-right: 6px; - margin-left: -12px; -} -scale.vertical.fine-tune marks.top { - margin-right: 6px; - margin-left: -9px; -} -scale.vertical marks.bottom { - margin-left: 6px; - margin-right: -12px; -} -scale.vertical.fine-tune marks.bottom { - margin-left: 6px; - margin-right: -9px; -} -scale.horizontal indicator { - min-height: 6px; - min-width: 1px; -} -scale.horizontal.fine-tune indicator { - min-height: 3px; -} -scale.vertical indicator { - min-height: 1px; - min-width: 6px; -} -scale.vertical.fine-tune indicator { - min-width: 3px; -} -scale.horizontal.marks-before:not(.marks-after) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); - min-height: 28px; - min-width: 23px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; -} -scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; -} -scale.horizontal.marks-before:not(.marks-after) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); - min-height: 28px; - min-width: 23px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; -} -scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; -} -scale.horizontal.marks-before:not(.marks-after) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-disabled.png"), url("assets/slider-horz-scale-has-marks-above-disabled@2.png")); - min-height: 28px; - min-width: 23px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; -} -scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; -} -scale.horizontal.marks-before:not(.marks-after) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-disabled.png"), url("assets/slider-horz-scale-has-marks-above-disabled@2.png")); - min-height: 28px; - min-width: 23px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; -} -scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; -} -scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-disabled.png"), url("assets/slider-horz-scale-has-marks-above-disabled@2.png")); - min-height: 28px; - min-width: 23px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; -} -scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; -} -scale.horizontal.marks-after:not(.marks-before) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); - min-height: 28px; - min-width: 23px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; -} -scale.horizontal.marks-after:not(.marks-before) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); - min-height: 28px; - min-width: 23px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; -} -scale.horizontal.marks-after:not(.marks-before) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-disabled.png"), url("assets/slider-horz-scale-has-marks-below-disabled@2.png")); - min-height: 28px; - min-width: 23px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; -} -scale.horizontal.marks-after:not(.marks-before) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-disabled.png"), url("assets/slider-horz-scale-has-marks-below-disabled@2.png")); - min-height: 28px; - min-width: 23px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; -} -scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-disabled.png"), url("assets/slider-horz-scale-has-marks-below-disabled@2.png")); - min-height: 28px; - min-width: 23px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; -} -scale.vertical.marks-before:not(.marks-after) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); - min-height: 23px; - min-width: 28px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; -} -scale.vertical.marks-before:not(.marks-after) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); - min-height: 23px; - min-width: 28px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; -} -scale.vertical.marks-before:not(.marks-after) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-disabled.png"), url("assets/slider-vert-scale-has-marks-above-disabled@2.png")); - min-height: 23px; - min-width: 28px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; -} -scale.vertical.marks-before:not(.marks-after) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-disabled.png"), url("assets/slider-vert-scale-has-marks-above-disabled@2.png")); - min-height: 23px; - min-width: 28px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; -} -scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-disabled.png"), url("assets/slider-vert-scale-has-marks-above-disabled@2.png")); - min-height: 23px; - min-width: 28px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; -} -scale.vertical.marks-after:not(.marks-before) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); - min-height: 23px; - min-width: 28px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; -} -scale.vertical.marks-after:not(.marks-before) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); - min-height: 23px; - min-width: 28px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; -} -scale.vertical.marks-after:not(.marks-before) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-disabled.png"), url("assets/slider-vert-scale-has-marks-below-disabled@2.png")); - min-height: 23px; - min-width: 28px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; -} -scale.vertical.marks-after:not(.marks-before) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-disabled.png"), url("assets/slider-vert-scale-has-marks-below-disabled@2.png")); - min-height: 23px; - min-width: 28px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; -} -scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-disabled.png"), url("assets/slider-vert-scale-has-marks-below-disabled@2.png")); - min-height: 23px; - min-width: 28px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; -} -scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; -} -scale.color { - min-height: 0; - min-width: 0; -} -scale.color trough { - background-image: image(mix(currentColor,@window_bg_color,0.85)); - background-repeat: no-repeat; -} -scale.color.horizontal { - padding: 0 0 15px 0; -} -scale.color.horizontal trough { - padding-bottom: 4px; - background-position: 0 -3px; - border-top-left-radius: 0; - border-top-right-radius: 0; -} -scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { - margin-bottom: -15px; - margin-top: 6px; -} -scale.color.vertical:dir(ltr) { - padding: 0 0 0 15px; -} -scale.color.vertical:dir(ltr) trough { - padding-left: 4px; - background-position: 3px 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; -} -scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; -} -scale.color.vertical:dir(rtl) { - padding: 0 15px 0 0; -} -scale.color.vertical:dir(rtl) trough { - padding-right: 4px; - background-position: -3px 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; -} -scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; -} -scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { - padding: 0 0 12px 0; -} -scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { - padding-bottom: 7px; - background-position: 0 -6px; -} -scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { - margin-bottom: -15px; - margin-top: 6px; -} -scale.color.fine-tune.vertical:dir(ltr) { - padding: 0 0 0 12px; -} -scale.color.fine-tune.vertical:dir(ltr) trough { - padding-left: 7px; - background-position: 6px 0; -} -scale.color.fine-tune.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; -} -scale.color.fine-tune.vertical:dir(rtl) { - padding: 0 12px 0 0; -} -scale.color.fine-tune.vertical:dir(rtl) trough { - padding-right: 7px; - background-position: -6px 0; -} -scale.color.fine-tune.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; -} - -progressbar.horizontal trough, -progressbar.horizontal progress { - min-height: 8px; -} -progressbar.vertical trough, -progressbar.vertical progress { - min-width: 8px; -} -progressbar.horizontal progress { - margin: 0 -1px; -} -progressbar.vertical progress { - margin: -1px 0; -} -progressbar { - font-size: smaller; - color: alpha(@window_fg_color,0.4); - font-feature-settings: "tnum"; -} -progressbar:backdrop { - box-shadow: none; - transition: 200ms ease-out; -} -progressbar progress { - border-radius: 8px; -} -progressbar progress.left { - border-top-left-radius: 8px; - border-bottom-left-radius: 8px; -} -progressbar progress.right { - border-top-right-radius: 8px; - border-bottom-right-radius: 8px; -} -progressbar progress.top { - border-top-right-radius: 8px; - border-top-left-radius: 8px; -} -progressbar progress.bottom { - border-bottom-right-radius: 8px; - border-bottom-left-radius: 8px; -} -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} -progressbar.osd trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; -} -progressbar.osd progress { - border-style: none; - border-radius: 0; -} -progressbar trough.empty progress { - all: unset; -} - -levelbar.horizontal block { - min-height: 8px; -} -levelbar.horizontal.continuous block:first-child, levelbar.horizontal.continuous block:last-child { - border-radius: 8px; -} -levelbar.horizontal.discrete block { - margin: 0 1px; - min-width: 32px; -} -levelbar.horizontal.discrete block:first-child { - border-radius: 8px 0 0 8px; -} -levelbar.horizontal.discrete block:last-child { - border-radius: 0 8px 8px 0; -} -levelbar.vertical block { - min-width: 8px; -} -levelbar.vertical.continuous block:first-child, levelbar.vertical.continuous block:last-child { - border-radius: 8px; -} -levelbar.vertical.discrete block { - margin: 1px 0; - min-height: 32px; -} -levelbar.vertical.discrete block:first-child { - border-radius: 8px 8px 0 0; -} -levelbar.vertical.discrete block:last-child { - border-radius: 0 0 8px 8px; -} -levelbar:backdrop { - transition: 200ms ease-out; -} -levelbar trough { - border: 0px solid; - padding: 0; - border-radius: 8px; - background-color: alpha(currentColor,0.15); -} -levelbar trough:backdrop { - background-color: mix(mix(currentColor,@window_bg_color,0.81),@window_bg_color,0.3); -} -levelbar block { - border: 0px solid; - border-radius: 0; -} -levelbar block.low { - border-color: shade(@warning_bg_color,0.8); - background-color: @warning_bg_color; -} -levelbar block.low:backdrop { - border-color: @warning_bg_color; -} -levelbar block.high, levelbar block:not(.empty) { - border-color: shade(@accent_bg_color,0.8); - background-color: @accent_bg_color; -} -levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { - border-color: @accent_bg_color; -} -levelbar block.full { - border-color: shade(@success_bg_color,0.8); - background-color: @success_bg_color; -} -levelbar block.full:backdrop { - border-color: @success_bg_color; -} -levelbar block.empty { - background-color: transparent; - border-color: alpha(@window_fg_color,0.2); -} -levelbar block.empty:backdrop { - border-color: alpha(mix(@window_fg_color,@window_bg_color,0.5),0.15); -} - -printdialog paper { - color: @window_fg_color; - border: 1px solid mix(currentColor,@window_bg_color,0.85); - background: white; - padding: 0; - border-radius: 0; - box-shadow: none; -} -printdialog paper:backdrop { - color: mix(@window_fg_color,@window_bg_color,0.5); - border-color: mix(currentColor,@window_bg_color,0.81); -} -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - box-shadow: none; - margin: 0; - padding: 0; - border: 1px solid mix(currentColor,@window_bg_color,0.85); -} -frame > border.flat, -.frame.flat { - border-style: none; -} - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid mix(currentColor,@window_bg_color,0.85); -} - -scrolledwindow viewport.frame { - border-style: none; -} -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(@window_fg_color), to(alpha(@window_fg_color,0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(alpha(@window_fg_color,0.07)), to(alpha(@window_fg_color,0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} -scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(@window_fg_color), to(alpha(@window_fg_color,0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} -scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(@window_fg_color), to(alpha(@window_fg_color,0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(alpha(@window_fg_color,0.07)), to(alpha(@window_fg_color,0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} -scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(@window_fg_color), to(alpha(@window_fg_color,0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} -scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(@window_fg_color), to(alpha(@window_fg_color,0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(alpha(@window_fg_color,0.07)), to(alpha(@window_fg_color,0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} -scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(@window_fg_color), to(alpha(@window_fg_color,0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} -scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(@window_fg_color), to(alpha(@window_fg_color,0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(alpha(@window_fg_color,0.07)), to(alpha(@window_fg_color,0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} -scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(@window_fg_color), to(alpha(@window_fg_color,0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} -scrolledwindow junction { - border-color: transparent; - border-image: linear-gradient(to bottom, mix(currentColor,@window_bg_color,0.85) 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: @view_bg_color; -} -scrolledwindow junction:dir(rtl) { - border-image-slice: 0 1 0 0; -} - -separator { - background: mix(currentColor,@window_bg_color,0.85); - min-width: 1px; - min-height: 1px; -} - -list { - color: @view_fg_color; - background-color: @view_bg_color; - border-color: @card_shade_color; -} -list row { - padding: 2px; - outline-color: alpha(@accent_color,0.5); - outline-style: solid; - outline-offset: -3px; - outline-width: 2px; - -gtk-outline-radius: 9px; -} - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -row:hover { - transition: none; -} -row:backdrop { - transition: 200ms ease-out; -} -row.activatable.has-open-popup, row.activatable:hover { - background-color: alpha(currentColor,0.07); -} -row.activatable:active { - background-color: alpha(currentColor,0.16); -} -row.activatable:backdrop:hover { - background-color: transparent; -} -row.activatable:selected { - color: @window_fg_color; -} -row.activatable:selected:active { - background-color: alpha(currentColor,0.19); -} -row.activatable:selected.has-open-popup, row.activatable:selected:hover { - background-color: alpha(currentColor,0.12); - color: @window_fg_color; -} -row.activatable:selected:backdrop { - background-color: alpha(currentColor,0.07); - color: @window_fg_color; -} -row:selected { - background-color: alpha(currentColor,0.1); -} - -.content list button, .content list > row:not(:selected):hover button, -list.content button, -list.content > row:not(:selected):hover button, -list.view.frame button, -list.view.frame > row:not(:selected):hover button { - color: @card_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@card_fg_color,@card_bg_color,0.9); -} -.content list button.flat:not(:hover):not(:active), .content list > row:not(:selected):hover button.flat:not(:hover):not(:active), -list.content button.flat:not(:hover):not(:active), -list.content > row:not(:selected):hover button.flat:not(:hover):not(:active), -list.view.frame button.flat:not(:hover):not(:active), -list.view.frame > row:not(:selected):hover button.flat:not(:hover):not(:active) { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; -} -.content list button:hover, .content list > row:not(:selected):hover button:hover, -list.content button:hover, -list.content > row:not(:selected):hover button:hover, -list.view.frame button:hover, -list.view.frame > row:not(:selected):hover button:hover { - color: @card_fg_color; - background-color: mix(@card_fg_color,@card_bg_color,0.85); - box-shadow: none; -} -.content list button:active, .content list button:checked, .content list > row:not(:selected):hover button:active, .content list > row:not(:selected):hover button:checked, -list.content button:active, -list.content button:checked, -list.content > row:not(:selected):hover button:active, -list.content > row:not(:selected):hover button:checked, -list.view.frame button:active, -list.view.frame button:checked, -list.view.frame > row:not(:selected):hover button:active, -list.view.frame > row:not(:selected):hover button:checked { - color: @card_fg_color; - background-color: mix(@card_fg_color,@card_bg_color,0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -.content list button:active:hover, .content list button:checked:hover, .content list > row:not(:selected):hover button:active:hover, .content list > row:not(:selected):hover button:checked:hover, -list.content button:active:hover, -list.content button:checked:hover, -list.content > row:not(:selected):hover button:active:hover, -list.content > row:not(:selected):hover button:checked:hover, -list.view.frame button:active:hover, -list.view.frame button:checked:hover, -list.view.frame > row:not(:selected):hover button:active:hover, -list.view.frame > row:not(:selected):hover button:checked:hover { - background-color: mix(@card_fg_color,@card_bg_color,0.65); -} -.content list button:disabled, .content list > row:not(:selected):hover button:disabled, -list.content button:disabled, -list.content > row:not(:selected):hover button:disabled, -list.view.frame button:disabled, -list.view.frame > row:not(:selected):hover button:disabled { - color: alpha(@card_fg_color,0.5); - background-color: mix(@card_fg_color,@card_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} -.content list entry, -list.content entry, -list.view.frame entry { - color: @card_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@card_fg_color,@card_bg_color,0.9); -} -.content list entry:disabled, -list.content entry:disabled, -list.view.frame entry:disabled { - color: alpha(@card_fg_color,0.5); - background-color: mix(@card_fg_color,@card_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; -} - -list.content .horizontal spinbutton entry { - border-top-left-radius: 9px; - border-bottom-left-radius: 9px; -} - -list.view.frame { - border-radius: 12px; -} -list.view.frame, list.view.frame:backdrop { - background-color: @card_bg_color; -} - -.app-notification, -.app-notification.frame { - padding: 10px; - border-radius: 0 0 15px 15px; - background-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); - background-clip: padding-box; - border: none; -} -.app-notification:backdrop, -.app-notification.frame:backdrop { - background-image: none; - transition: 200ms ease-out; -} -.app-notification border, -.app-notification.frame border { - border: none; -} - -expander title > arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} -expander title > arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} -expander title > arrow:hover { - color: mix(white,@window_fg_color,0.7); -} -expander title > arrow:disabled { - color: alpha(@window_fg_color,0.5); -} -expander title > arrow:disabled:backdrop { - color: mix(mix(@window_fg_color,@window_bg_color,0.5),@window_bg_color,0.5); -} -expander title > arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -calendar { - color: @view_fg_color; - border: 1px solid alpha(currentColor,0.15); -} -calendar:selected, calendar:backdrop:selected { - background-color: @accent_bg_color; - color: @accent_fg_color; - border-radius: 9px; -} -calendar.header { - border-bottom-color: alpha(currentColor,0.15); -} -calendar.header:backdrop { - border-bottom-color: alpha(currentColor,0.15); -} -calendar.button { - color: @view_fg_color; -} -calendar.button:hover { - background-color: alpha(currentColor,0.07); -} -calendar.button:active { - background-color: alpha(currentColor,0.16); -} -calendar.button:checked { - background-color: alpha(currentColor,0.1); -} -calendar.button:checked:hover { - background-color: alpha(currentColor,0.12); -} -calendar.button:backdrop { - color: mix(@window_fg_color,@window_bg_color,0.5); -} -calendar.button:disabled { - color: alpha(@window_fg_color,0.5); -} -calendar.highlight { - color: alpha(@window_fg_color,0.5); -} -calendar.highlight:backdrop { - color: mix(mix(@window_fg_color,@window_bg_color,0.5),@window_bg_color,0.5); -} -calendar:backdrop { - color: mix(@view_fg_color,@window_bg_color,0.5); - border-color: mix(currentColor,@window_bg_color,0.81); -} -calendar:indeterminate { - color: alpha(currentColor,0.1); -} - -messagedialog.csd.background button { - outline-color: alpha(@accent_color,0.5); - color: rgba(0, 0, 6, 0.8); - background-color: alpha(currentColor,0.1); -} -messagedialog.csd.background button:hover { - outline-color: alpha(@accent_color,0.5); - color: rgba(0, 0, 6, 0.8); - background-color: alpha(currentColor,0.15); -} -messagedialog.csd.background button:checked, messagedialog.csd.background button:active { - outline-color: alpha(@accent_color,0.5); - color: rgba(0, 0, 6, 0.8); - background-color: alpha(currentColor,0.3); -} -messagedialog.csd.background button:backdrop { - outline-color: transparent; - color: alpha(rgba(0, 0, 6, 0.8),0.5); - background-color: alpha(currentColor,0.1); -} -messagedialog.csd.background button:backdrop:hover { - background-color: alpha(currentColor,0.15); -} -messagedialog.csd.background button:backdrop:checked { - background-color: alpha(currentColor,0.3); -} -messagedialog.csd.background button:backdrop:active { - background-color: alpha(currentColor,0.3); -} -messagedialog.csd.background button:backdrop:checked:hover { - background-color: alpha(currentColor,0.35); -} -messagedialog.csd.background button:backdrop:checked:active { - background-color: alpha(currentColor,0.4); -} -messagedialog.csd.background button:disabled { - outline-color: transparent; - color: alpha(rgba(0, 0, 6, 0.8),0.5); - background-color: alpha(currentColor,0.1); -} -messagedialog .titlebar, messagedialog .titlebar:backdrop { - min-height: 20px; - background-image: none; - background: @dialog_bg_color; - color: @dialog_fg_color; - border-style: none; - border-top-left-radius: 15px; - border-top-right-radius: 15px; -} -messagedialog.csd.background { - border-bottom-left-radius: 15px; - border-bottom-right-radius: 15px; - background-color: @dialog_bg_color; - color: @dialog_fg_color; -} -messagedialog.csd .dialog-action-area { - margin: 0; - padding: 21px 24px 24px 24px; -} -messagedialog.csd .dialog-action-area button { - padding: 10px 20px; - margin: 0 10px; - border-radius: 12px; - -gtk-outline-radius: 10px; - border-left-style: none; - border-right-style: none; - border-color: transparent; -} - -filechooser .dialog-action-box { - border-top: 1px solid mix(currentColor,@window_bg_color,0.85); -} -filechooser #pathbarbox { - border-bottom: 1px solid @window_bg_color; -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: @sidebar_bg_color; - color: @sidebar_fg_color; -} -.sidebar:backdrop { - background-color: @sidebar_backdrop_color; -} -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid @sidebar_border_color; - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid @sidebar_border_color; - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} -paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { - border-style: none; -} -.sidebar row { - border-radius: 9px; -} -.sidebar row:backdrop { - color: @sidebar_fg_color; -} -.sidebar row, .sidebar separator { - margin: 0 4px; -} - -stacksidebar row { - padding: 10px 4px; -} -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -separator.sidebar { - background-color: @sidebar_border_color; -} -separator.sidebar.selection-mode, .selection-mode separator.sidebar { - background-color: shade(@accent_bg_color,0.8); -} - -row image.sidebar-icon { - opacity: 0.7; -} - -placessidebar > viewport.frame { - border-style: none; -} -placessidebar row { - min-height: 36px; - padding: 0px; -} -placessidebar row > revealer { - padding: 0 14px; -} -placessidebar row:selected { - color: @accent_fg_color; -} -placessidebar row:disabled { - color: alpha(@window_fg_color,0.5); -} -placessidebar row:backdrop { - color: mix(@window_fg_color,@window_bg_color,0.5); -} -placessidebar row:backdrop:selected { - color: @window_bg_color; -} -placessidebar row:backdrop:disabled { - color: mix(mix(@window_fg_color,@window_bg_color,0.5),@window_bg_color,0.5); -} -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; -} -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; -} -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; -} -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; -} -button.sidebar-button { - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; - border-radius: 100%; - -gtk-outline-radius: 100%; -} -button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { - opacity: 0.7; -} - -placessidebar row:selected:active { - box-shadow: none; -} -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image(@accent_bg_color); - background-clip: content-box; -} -placessidebar row.sidebar-new-bookmark-row { - color: @accent_bg_color; -} -placessidebar row:drop(active):not(:disabled) { - color: @accent_bg_color; - box-shadow: inset 0 1px @accent_bg_color, inset 0 -1px @accent_bg_color; -} -placessidebar row:drop(active):not(:disabled):selected { - color: @accent_fg_color; - background-color: @accent_bg_color; -} - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(0turn); -} -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(-0.5turn); -} -placesview row.activatable:hover { - background-color: transparent; -} -placesview > actionbar > revealer > box > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: image(mix(currentColor,@window_bg_color,0.85)); - background-size: 1px 1px; -} -paned > separator:selected { - background-image: image(@accent_bg_color); -} -paned > separator:backdrop { - background-image: image(mix(currentColor,@window_bg_color,0.81)); -} -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: @window_bg_color; - background-image: image(mix(currentColor,@window_bg_color,0.85)), image(mix(currentColor,@window_bg_color,0.85)); - background-size: 1px 1px, 1px 1px; -} -paned > separator.wide:backdrop { - background-color: @window_bg_color; - background-image: image(mix(currentColor,@window_bg_color,0.81)), image(mix(currentColor,@window_bg_color,0.81)); -} -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; -} - -infobar { - border-style: none; -} -infobar.info > revealer > box { - background-color: mix(@accent_bg_color,@window_bg_color,0.7); - color: @window_fg_color; - text-shadow: none; -} -infobar.info > revealer > box:backdrop { - color: mix(@window_fg_color,@window_bg_color,0.5); -} -infobar.info button { - background-color: mix(@accent_bg_color,@window_bg_color,0.5); -} -infobar.info button:hover { - background-color: mix(@accent_bg_color,@window_bg_color,0.35); -} -infobar.info button:checked, infobar.info button:active { - background-color: mix(@accent_bg_color,@window_bg_color,0.2); -} -infobar.info button:backdrop:not(:disabled) label, infobar.info button:backdrop:not(:disabled), infobar.info button:not(:disabled) label, infobar.info button:not(:disabled) { - color: @window_fg_color; -} -infobar.info button:disabled { - background-color: mix(@accent_bg_color,@window_bg_color,0.6); -} -infobar.info button:disabled label, infobar.info button:disabled { - color: alpha(mix(@window_fg_color,@accent_bg_color,0.3),0.6); -} -infobar.action.info:hover > revealer > box { - background-color: mix(@accent_bg_color,@window_bg_color,0.6); - box-shadow: inset 0 -1px mix(@accent_bg_color,@window_bg_color,0.3); -} -infobar.question > revealer > box { - background-color: mix(@accent_bg_color,@window_bg_color,0.7); - color: @window_fg_color; - text-shadow: none; -} -infobar.question > revealer > box:backdrop { - color: mix(@window_fg_color,@window_bg_color,0.5); -} -infobar.question button { - background-color: mix(@accent_bg_color,@window_bg_color,0.5); -} -infobar.question button:hover { - background-color: mix(@accent_bg_color,@window_bg_color,0.35); -} -infobar.question button:checked, infobar.question button:active { - background-color: mix(@accent_bg_color,@window_bg_color,0.2); -} -infobar.question button:backdrop:not(:disabled) label, infobar.question button:backdrop:not(:disabled), infobar.question button:not(:disabled) label, infobar.question button:not(:disabled) { - color: @window_fg_color; -} -infobar.question button:disabled { - background-color: mix(@accent_bg_color,@window_bg_color,0.6); -} -infobar.question button:disabled label, infobar.question button:disabled { - color: alpha(mix(@window_fg_color,@accent_bg_color,0.3),0.6); -} -infobar.action.question:hover > revealer > box { - background-color: mix(@accent_bg_color,@window_bg_color,0.6); - box-shadow: inset 0 -1px mix(@accent_bg_color,@window_bg_color,0.3); -} -infobar.warning > revealer > box { - background-color: mix(@warning_bg_color,@window_bg_color,0.7); - color: @window_fg_color; - text-shadow: none; -} -infobar.warning > revealer > box:backdrop { - color: mix(@window_fg_color,@window_bg_color,0.5); -} -infobar.warning button { - background-color: mix(@warning_bg_color,@window_bg_color,0.5); -} -infobar.warning button:hover { - background-color: mix(@warning_bg_color,@window_bg_color,0.35); -} -infobar.warning button:checked, infobar.warning button:active { - background-color: mix(@warning_bg_color,@window_bg_color,0.2); -} -infobar.warning button:backdrop:not(:disabled) label, infobar.warning button:backdrop:not(:disabled), infobar.warning button:not(:disabled) label, infobar.warning button:not(:disabled) { - color: @window_fg_color; -} -infobar.warning button:disabled { - background-color: mix(@warning_bg_color,@window_bg_color,0.6); -} -infobar.warning button:disabled label, infobar.warning button:disabled { - color: alpha(mix(@window_fg_color,@warning_bg_color,0.3),0.6); -} -infobar.action.warning:hover > revealer > box { - background-color: mix(@warning_bg_color,@window_bg_color,0.6); - box-shadow: inset 0 -1px mix(@warning_bg_color,@window_bg_color,0.3); -} -infobar.error > revealer > box { - background-color: mix(@error_bg_color,@window_bg_color,0.7); - color: @window_fg_color; - text-shadow: none; -} -infobar.error > revealer > box:backdrop { - color: mix(@window_fg_color,@window_bg_color,0.5); -} -infobar.error button { - background-color: mix(@error_bg_color,@window_bg_color,0.5); -} -infobar.error button:hover { - background-color: mix(@error_bg_color,@window_bg_color,0.35); -} -infobar.error button:checked, infobar.error button:active { - background-color: mix(@error_bg_color,@window_bg_color,0.2); -} -infobar.error button:backdrop:not(:disabled) label, infobar.error button:backdrop:not(:disabled), infobar.error button:not(:disabled) label, infobar.error button:not(:disabled) { - color: @window_fg_color; -} -infobar.error button:disabled { - background-color: mix(@error_bg_color,@window_bg_color,0.6); -} -infobar.error button:disabled label, infobar.error button:disabled { - color: alpha(mix(@window_fg_color,@error_bg_color,0.3),0.6); -} -infobar.action.error:hover > revealer > box { - background-color: mix(@error_bg_color,@window_bg_color,0.6); - box-shadow: inset 0 -1px mix(@error_bg_color,@window_bg_color,0.3); -} -infobar .close { - min-width: 18px; - min-height: 18px; - padding: 4px; - border-radius: 50%; -} -infobar selection { - background-color: shade(@window_bg_color,0.9); -} -infobar *:link { - color: @accent_color; -} - -tooltip { - padding: 6px 10px; - border-radius: 9px; - box-shadow: none; - text-shadow: 0 1px black; -} -tooltip.background { - background-color: rgba(0, 0, 0, 0.8); - background-clip: padding-box; - border: 1px solid rgba(255, 255, 255, 0.1); -} -tooltip decoration { - background-color: transparent; -} -tooltip * { - padding: 4px; - background-color: transparent; - color: white; -} - -colorswatch:drop(active), colorswatch { - border-style: none; -} -colorswatch.top { - border-top-left-radius: 9.5px; - border-top-right-radius: 9.5px; -} -colorswatch.top overlay { - border-top-left-radius: 9px; - border-top-right-radius: 9px; -} -colorswatch.bottom { - border-bottom-left-radius: 9.5px; - border-bottom-right-radius: 9.5px; -} -colorswatch.bottom overlay { - border-bottom-left-radius: 9px; - border-bottom-right-radius: 9px; -} -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 9.5px; - border-bottom-left-radius: 9.5px; -} -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 9px; - border-bottom-left-radius: 9px; -} -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 9.5px; - border-bottom-right-radius: 9.5px; -} -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 9px; - border-bottom-right-radius: 9px; -} -colorswatch.dark { - outline-color: rgba(255, 255, 255, 0.6); -} -colorswatch.dark overlay { - color: white; -} -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.8); -} -colorswatch.light { - outline-color: rgba(0, 0, 0, 0.6); -} -colorswatch.light overlay { - color: black; -} -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} -colorswatch:drop(active) { - box-shadow: none; -} -colorswatch:drop(active).light overlay { - border-color: @accent_bg_color; - box-shadow: inset 0 0 0 2px shade(@accent_bg_color,0.93), inset 0 0 0 1px @accent_bg_color; -} -colorswatch:drop(active).dark overlay { - border-color: @accent_bg_color; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px @accent_bg_color; -} -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.3); -} -colorswatch overlay:hover { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); -} -colorswatch#add-color-button { - border-radius: 9px 9px 0 0; -} -colorswatch#add-color-button:only-child { - border-radius: 9px; -} -colorswatch#add-color-button overlay { - color: @window_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.9); -} -colorswatch#add-color-button overlay:hover { - color: @window_fg_color; - background-color: mix(@window_fg_color,@window_bg_color,0.85); - box-shadow: none; -} -colorswatch:disabled { - opacity: 0.5; -} -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} -row:selected colorswatch { - box-shadow: 0 0 0 2px @accent_fg_color; -} -colorswatch#editor-color-sample { - border-radius: 4px; -} -colorswatch#editor-color-sample overlay { - border-radius: 4.5px; -} - -colorchooser .popover.osd { - border-radius: 5px; -} - -.checkerboard { - background-position: 0px 0px, 10px 10px; - background-size: 20px 20px; - background-image: linear-gradient(45deg, mix(currentColor,@window_bg_color,0.85) 25%, transparent 25%, transparent 75%, mix(currentColor,@window_bg_color,0.85) 75%, mix(currentColor,@window_bg_color,0.85) 100%), linear-gradient(45deg, mix(currentColor,@window_bg_color,0.85) 25%, @view_bg_color 25%, @view_bg_color 75%, mix(currentColor,@window_bg_color,0.85) 75%, mix(currentColor,@window_bg_color,0.85) 100%); -} - -.content-view { - background-color: shade(@window_bg_color,0.93); -} -.content-view:hover { - -gtk-icon-effect: highlight; -} -.osd .scale-popup button.flat { - border-style: none; - border-radius: 5px; -} -.scale-popup button:hover { - background-color: alpha(@window_fg_color,0.1); - border-radius: 5px; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} -cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); - padding-left: 10px; -} -cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); - padding-right: 10px; -} -cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); -} -cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); - padding-left: 10px; -} -cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); - padding-right: 10px; -} -cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); -} - -.context-menu { - font: initial; -} - -.keycap { - min-width: 20px; - min-height: 25px; - margin-top: 2px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; - color: @window_fg_color; - background-color: @view_bg_color; - border: 1px solid; - border-color: mix(mix(currentColor,@window_bg_color,0.85),@window_bg_color,0.5); - border-radius: 5px; - box-shadow: inset 0 -3px mix(@view_bg_color,@window_bg_color,0.8); - font-size: smaller; -} -.keycap:backdrop { - background-color: @window_bg_color; - color: mix(@window_fg_color,@window_bg_color,0.5); - transition: 200ms ease-out; -} - -:not(decoration):not(window):drop(active):focus, -:not(decoration):not(window):drop(active) { - border-color: @accent_bg_color; - box-shadow: inset 0 0 0 1px @accent_bg_color; - caret-color: @accent_bg_color; -} - -stackswitcher button.text-button { - min-width: 100px; -} - -stackswitcher button.circular, -stackswitcher button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; -} - -.lowres-icon { - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); -} - -.icon-dropshadow { - -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); -} - -popover.emoji-picker { - padding-left: 0; - padding-right: 0; -} -popover.emoji-picker entry.search { - margin: 3px 5px 5px 5px; -} - -button.emoji-section { - border-color: transparent; - border-width: 3px; - border-style: none none solid; - border-radius: 0; - margin: 2px 4px 2px 4px; - padding: 3px 0 0; - min-width: 32px; - min-height: 28px; - background: none; - box-shadow: none; - text-shadow: none; - outline-offset: -5px; -} -button.emoji-section:first-child { - margin-left: 7px; -} -button.emoji-section:last-child { - margin-right: 7px; -} -button.emoji-section:backdrop:not(:checked) { - border-color: transparent; -} -button.emoji-section:hover { - border-color: mix(currentColor,@window_bg_color,0.85); -} -button.emoji-section:checked { - border-color: alpha(currentColor,0.1); -} -button.emoji-section label { - padding: 0; - opacity: 0.55; -} -button.emoji-section:hover label { - opacity: 0.775; -} -button.emoji-section:checked label { - opacity: 1; -} - -popover.emoji-picker .emoji { - font-size: x-large; - padding: 6px; - border-radius: 9px; -} -popover.emoji-picker .emoji :focus, -popover.emoji-picker .emoji :hover { - background: alpha(currentColor,0.07); -} -popover.emoji-picker .emoji :active { - background: alpha(currentColor,0.16); -} - -popover.emoji-completion arrow { - border: none; - background: none; -} - -popover.emoji-completion contents row box { - padding: 2px 10px; -} - -popover.emoji-completion .emoji:hover { - background: alpha(currentColor,0.04); -} - -.flat.popup:not(.title) { - font-weight: normal; -} - -statusbar { - font-size: small; -} - -scrolledwindow list:not(.content) { - padding: 6px 0; -} -scrolledwindow list row { - margin: 0 6px; - border-radius: 9px; -} -scrolledwindow list separator.horizontal { - margin: 6px; -} - -decoration { - border-radius: 15px 15px 0 0; - border-width: 0px; - box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.05); - margin: 10px; -} -decoration:backdrop { - box-shadow: 0 3px 8px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.02); - transition: 200ms ease-out; -} -.maximized decoration, .fullscreen decoration { - border-radius: 0; - box-shadow: none; -} -.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 20px transparent; -} -.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 0 0 20px transparent; -} -.popup decoration { - box-shadow: none; -} -.ssd decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); -} -.ssd decoration:backdrop { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -} -.ssd.maximized decoration, .ssd.maximized decoration:backdrop { - box-shadow: none; -} -.csd.popup decoration { - border-radius: 9px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px alpha(rgba(0, 0, 0, 0.05),0.9); -} -tooltip.csd decoration { - border-radius: 5px; - box-shadow: none; -} -messagedialog.csd decoration { - border-radius: 15px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px alpha(rgba(0, 0, 0, 0.05),0.9); -} -.solid-csd decoration { - margin: 0; - padding: 4px; - background-color: mix(currentColor,@window_bg_color,0.85); - border: solid 1px mix(currentColor,@window_bg_color,0.85); - border-radius: 0; - box-shadow: inset 0 0 0 5px mix(currentColor,@window_bg_color,0.85), inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px mix(currentColor,@window_bg_color,0.85); -} -.solid-csd decoration:backdrop { - box-shadow: inset 0 0 0 3px @window_bg_color; -} - -button.titlebutton { - padding: 2px; - margin: 0; - box-shadow: none; - border: none; - background: none; - text-shadow: none; -} -button.titlebutton:not(.appmenu) { - border-radius: 9999px; -} -button.titlebutton:backdrop { - -gtk-icon-shadow: none; -} - -.selection-mode headerbar button.titlebutton:backdrop, -.selection-mode .titlebar button.titlebutton:backdrop, -headerbar.selection-mode button.titlebutton:backdrop, -.titlebar.selection-mode button.titlebutton:backdrop { - -gtk-icon-shadow: none; -} - -.monospace { - font-family: monospace; -} - -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { - border-radius: 15px; -} - -window.csd.unified scrollbar { - background-color: @view_bg_color; - color: @window_fg_color; -} -window.csd.unified scrollbar trough { - margin: 7px; - transition: all 200ms linear; - border-radius: 10px; - background-color: alpha(currentColor,0.15); -} -window.csd.unified scrollbar trough > slider { - min-width: 8px; - min-height: 8px; - margin: -6px; - border: 6px solid transparent; - border-radius: 10px; - background-clip: padding-box; - transition: all 200ms linear; -} -window.csd.unified scrollbar.horizontal trough { - margin-top: 6px; - margin-bottom: 6px; -} -window.csd.unified scrollbar.vertical trough { - margin-left: 6px; - margin-right: 6px; -} -window.csd.unified scrollbar.overlay-indicator { - background: none; - color: inherit; - box-shadow: none; - padding: 0; -} -window.csd.unified scrollbar.overlay-indicator:not(.hovering) trough { - background-color: transparent; -} -window.csd.unified scrollbar.overlay-indicator.horizontal trough > slider { - min-width: 40px; -} -window.csd.unified scrollbar.overlay-indicator.horizontal.hovering trough > slider { - min-height: 8px; -} -window.csd.unified scrollbar.overlay-indicator.horizontal:not(.hovering) trough { - margin-top: 3px; - margin-bottom: 3px; -} -window.csd.unified scrollbar.overlay-indicator.vertical trough > slider { - min-height: 40px; -} -window.csd.unified scrollbar.overlay-indicator.vertical.hovering trough > slider { - min-width: 8px; -} -window.csd.unified scrollbar.overlay-indicator.vertical:not(.hovering) trough { - margin-left: 3px; - margin-right: 3px; -} -window.csd.unified scrollbar.horizontal trough > slider { - min-width: 40px; -} -window.csd.unified scrollbar.vertical trough > slider { - min-height: 40px; -} - -popover.combo { - padding: 0px; -} -popover.combo list { - border-style: none; - background-color: transparent; - min-width: 200px; - margin-top: 6px; - margin-bottom: 6px; -} -popover.combo list > row { - padding: 0px 8px 0px 8px; - min-height: 50px; -} -popover.combo list > row:not(:last-child) { - border-bottom: 1px solid alpha(mix(currentColor,@window_bg_color,0.85),0.5); -} -popover.combo list > row:first-child { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; -} -popover.combo list > row:last-child { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; -} -popover.combo overshoot.top { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; -} -popover.combo overshoot.bottom { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; -} -popover.combo scrollbar.vertical { - padding-top: 2px; - padding-bottom: 2px; -} -popover.combo scrollbar.vertical:dir(ltr) { - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; -} -popover.combo scrollbar.vertical:dir(rtl) { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; -} - -row.expander { - padding: 0px; -} -row.expander image.expander-row-arrow:dir(ltr) { - margin-left: 6px; -} -row.expander image.expander-row-arrow:dir(rtl) { - margin-right: 6px; -} - -row.expander { - background-color: transparent; -} -row.expander list.nested > row { - background-color: transparent; - border-radius: 0; - border: none; -} -row.expander list.nested > row:not(:selected).activatable:hover { - background-color: alpha(currentColor,0.03); -} -row.expander list.nested > row:not(:selected).activatable:active { - background-color: alpha(currentColor,0.08); -} -row.expander list.nested { - background-color: alpha(@card_shade_color,0.5); - color: inherit; - border-radius: 0; - border-top: 1px solid alpha(currentColor,0.15); -} -row.expander image.expander-row-arrow { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -row.expander:checked image.expander-row-arrow { - -gtk-icon-transform: rotate(0turn); -} -row.expander:not(:checked) image.expander-row-arrow { - opacity: 0.55; - text-shadow: none; -} -row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { - -gtk-icon-transform: rotate(-0.25turn); -} -row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { - -gtk-icon-transform: rotate(0.25turn); -} -row.expander:checked image.expander-row-arrow:not(:disabled) { - color: @accent_bg_color; -} -row.expander image.expander-row-arrow:disabled { - color: alpha(@window_fg_color,0.5); -} - -list.content list { - background-color: transparent; - border-radius: 12px; -} -list.content { - background-color: transparent; - color: @card_fg_color; - border-radius: 12px; -} -list.content > row { - background-color: @card_bg_color; - color: @card_fg_color; - margin: 0; - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -list.content > row:not(:last-child) { - box-shadow: inset 0 -1px @card_shade_color; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -list.content > row:not(:first-child):not(:last-child) { - border-radius: 0; - border-left: 1px solid @card_shade_color; - border-right: 1px solid @card_shade_color; - -gtk-outline-radius: 0; -} -list.content > row:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; - border-top: 1px solid @card_shade_color; - border-left: 1px solid @card_shade_color; - border-right: 1px solid @card_shade_color; - -gtk-outline-radius: 12px 12px 0 0; -} -list.content > row:last-child { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border-bottom: 1px solid @card_shade_color; - border-left: 1px solid @card_shade_color; - border-right: 1px solid @card_shade_color; - -gtk-outline-radius: 0 0 12px 12px; -} -list.content > row:only-child { - border: 1px solid @card_shade_color; - border-radius: 12px; - -gtk-outline-radius: 12px; -} -list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { - color: @card_fg_color; - background-color: mix(currentColor,@card_bg_color,0.96); -} -list.content + .inline-toolbar { - border-color: transparent; -} - -button.list-button:not(:active):not(:checked):not(:hover) { - color: @card_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@card_fg_color,@card_bg_color,0.9); -} - -keypad .digit { - font-size: 200%; - font-weight: bold; -} -keypad .letters { - font-size: 70%; -} -keypad .symbol { - font-size: 160%; -} - -headerbar viewswitcher button { - margin: 0 4px; -} -headerbar viewswitcher button.radio:checked, headerbar viewswitcher button.radio:hover:not(:backdrop) { - background: image(@headerbar_bg_color); -} -headerbar viewswitcher button:backdrop, headerbar viewswitcher button:hover:backdrop, headerbar viewswitcher button.radio:backdrop, headerbar viewswitcher button.radio:checked:backdrop, headerbar viewswitcher button.radio:hover:backdrop, headerbar viewswitcher button.radio:checked:hover:backdrop { - background: image(@headerbar_backdrop_color); - transition: none; -} -headerbar viewswitcher button.radio:checked:hover:not(:backdrop) { - background: image(@headerbar_bg_color); -} -headerbar viewswitcher button, headerbar viewswitcher button:hover:not(:backdrop), headerbar viewswitcher button:checked, headerbar viewswitcher button:active, headerbar viewswitcher button:checked:hover, headerbar viewswitcher button:active:hover { - background: image(@headerbar_bg_color); - transition: none; -} -headerbar viewswitcher button > stack > box { - transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-radius: 9px; -} -headerbar viewswitcher button:hover > stack > box { - background-color: alpha(currentColor,0.07); -} -headerbar viewswitcher button:checked > stack > box, headerbar viewswitcher button:active > stack > box { - background-color: alpha(currentColor,0.1); -} -headerbar viewswitcher button:checked:hover > stack > box, headerbar viewswitcher button:backdrop:checked:hover > stack > box { - background-color: alpha(currentColor,0.19); -} - -viewswitcher, viewswitcher button { - margin: 0; - padding: 0; -} -viewswitcher button { - border-radius: 0; - border-top: 0; - border-bottom: 0; - box-shadow: none; - font-size: 1rem; - border-width: 0; -} -viewswitcher button:not(:checked):not(:hover) { - background: transparent; -} -viewswitcher button:not(:only-child):not(:last-child) { - border-right-width: 0px; -} -viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { - border-left-color: transparent; -} -viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { - border-right-color: transparent; -} -viewswitcher button:not(:checked):hover:not(:backdrop) { - background-image: none; -} -viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { - border-left-color: alpha(currentColor,0.15); -} -viewswitcher button:not(only-child):last-child:not(:checked):hover { - border-right-color: alpha(currentColor,0.15); -} -headerbar viewswitcher button:not(:checked) { - background: none; -} -headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { - background: none; -} -headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { - border-left-color: alpha(currentColor,0.15); -} -headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { - border-right-color: alpha(currentColor,0.15); -} -headerbar viewswitcher button:not(:checked):hover:backdrop, headerbar viewswitcher button:not(:checked):active:backdrop, headerbar viewswitcher button:not(:checked):active:hover:backdrop { - background: image(@headerbar_backdrop_color); -} -headerbar viewswitcher button:not(:checked):active, headerbar viewswitcher button:not(:checked):active:hover { - background: image(@headerbar_bg_color); -} -viewswitcher button > stack > box.narrow { - font-size: 0.75rem; - padding-top: 7px; - padding-bottom: 5px; -} -viewswitcher button > stack > box.narrow image, -viewswitcher button > stack > box.narrow label { - padding-left: 8px; - padding-right: 8px; -} -viewswitcher button > stack > box.wide { - padding: 8px 12px; -} -viewswitcher button > stack > box.wide image:dir(ltr) { - padding-left: 7px; -} -viewswitcher button > stack > box.wide image:dir(rtl) { - padding-right: 7px; -} -viewswitcher button > stack > box.wide label:dir(ltr) { - padding-right: 7px; -} -viewswitcher button > stack > box.wide label:dir(rtl) { - padding-left: 7px; -} -viewswitcher button > stack > box label.active { - font-weight: bold; -} -viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { - animation: none; - background-image: none; -} -viewswitcher button.needs-attention > stack > box label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@accent_bg_color), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 0px, right 1px; -} -viewswitcher button.needs-attention > stack > box label:backdrop { - background-size: 6px 6px, 0 0; -} -viewswitcher button.needs-attention > stack > box label:dir(rtl) { - background-position: left 0px, left 1px; -} - -viewswitcherbar actionbar > revealer > box { - padding: 0; -} - -viewswitchertitle viewswitcher { - margin-left: 12px; - margin-right: 12px; -} - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon { - color: alpha(@window_fg_color,0.5); -} - -statuspage > scrolledwindow > viewport > box { - margin: 36px 12px; -} -statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { - margin-bottom: 36px; -} -statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { - margin-bottom: 36px; -} -statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { - margin-bottom: 12px; -} - -row label.subtitle { - font-size: smaller; - opacity: 0.55; - text-shadow: none; -} -row > box.header { - margin-left: 12px; - margin-right: 12px; - min-height: 50px; -} -row > box.header > box.title { - margin-top: 8px; - margin-bottom: 8px; -} - -tabbar .box { - min-height: 38px; - background: @headerbar_bg_color; - border-bottom: 1px solid @headerbar_shade_color; -} -tabbar .box:backdrop { - color: mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5); - background-color: @headerbar_backdrop_color; -} -tabbar scrolledwindow.pinned undershoot { - border: 0 solid mix(black,@window_bg_color,0.76); -} -tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { - border-left-width: 1px; -} -tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { - border-right-width: 1px; -} -tabbar scrolledwindow.pinned:backdrop undershoot { - border-color: mix(currentColor,@window_bg_color,0.81); -} -tabbar scrolledwindow.pinned tabbox:dir(ltr) { - padding-right: 1px; - box-shadow: inset -1px 0 alpha(currentColor,0.15); -} -tabbar scrolledwindow.pinned tabbox:dir(rtl) { - padding-left: 1px; - box-shadow: inset 1px 0 alpha(currentColor,0.15); -} -tabbar undershoot { - transition: none; -} -tabbar undershoot.left { - background: linear-gradient(to right, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); -} -tabbar undershoot.right { - background: linear-gradient(to left, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); -} -tabbar .needs-attention-left undershoot.left { - background: linear-gradient(to right, alpha(@accent_bg_color,0.7), alpha(@accent_bg_color,0.5) 1px, alpha(@accent_bg_color,0) 20px); -} -tabbar .needs-attention-right undershoot.right { - background: linear-gradient(to left, alpha(@accent_bg_color,0.7), alpha(@accent_bg_color,0.5) 1px, alpha(@accent_bg_color,0) 20px); -} -tabbar tab { - margin: 4px 3px; - border-style: none; - border-radius: 9px; - transition: background-color 150ms ease-in-out; - background-position: left; - background-repeat: no-repeat; -} -tabbar tab:hover { - background-color: alpha(currentColor,0.07); -} -tabbar tab:checked { - background-color: alpha(currentColor,0.1); -} -tabbar tab:checked:hover { - background-color: alpha(currentColor,0.12); -} -tabbar .start-action, -tabbar .end-action { - background-color: @headerbar_bg_color; - border-color: transparent; - border-style: solid; - transition: background-color 150ms ease-in-out; -} -tabbar .start-action:backdrop, -tabbar .end-action:backdrop { - border-color: transparent; - background-color: @headerbar_backdrop_color; -} -tabbar .start-action button, -tabbar .end-action button { - border: none; - border-radius: 0; -} -tabbar .start-action:dir(ltr), -tabbar .end-action:dir(rtl) { - border-right-width: 1px; -} -tabbar .start-action:dir(ltr) > *, -tabbar .end-action:dir(rtl) > * { - margin-right: 1px; -} -tabbar .start-action:dir(rtl), -tabbar .end-action:dir(ltr) { - border-left-width: 1px; -} -tabbar .start-action:dir(rtl) > *, -tabbar .end-action:dir(ltr) > * { - margin-left: 1px; -} - -.tab-drag-icon tab { - min-height: 26px; - background-color: alpha(currentColor,0.16); - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.23), inset 0 1px alpha(white,0.5); - margin: 25px; -} - -tabbar tab, -.tab-drag-icon tab { - padding: 6px; -} -tabbar tab.needs-attention, -.tab-drag-icon tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(@accent_bg_color,0.2) 15%, alpha(@accent_bg_color,0) 15%); -} -tabbar tab .tab-close-button, -tabbar tab .tab-indicator, -.tab-drag-icon tab .tab-close-button, -.tab-drag-icon tab .tab-indicator { - padding: 0; - margin: 0; - min-width: 24px; - min-height: 24px; - border-radius: 99px; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; - text-shadow: none; - background: none; -} -tabbar tab .tab-close-button:hover, -tabbar tab .tab-indicator.clickable:hover, -.tab-drag-icon tab .tab-close-button:hover, -.tab-drag-icon tab .tab-indicator.clickable:hover { - background: alpha(@window_fg_color,0.15); -} -tabbar tab .tab-close-button:active, -tabbar tab .tab-indicator.clickable:active, -.tab-drag-icon tab .tab-close-button:active, -.tab-drag-icon tab .tab-indicator.clickable:active { - background: alpha(black,0.2); -} - -flap > dimming, -deck > dimming, -leaflet > dimming { - background: rgba(0, 0, 0, 0.12); -} -flap > border, -deck > border, -leaflet > border { - min-width: 1px; - min-height: 1px; - background: rgba(0, 0, 0, 0.05); -} -flap > shadow, -deck > shadow, -leaflet > shadow { - min-width: 56px; - min-height: 56px; -} -flap > shadow.left, -deck > shadow.left, -leaflet > shadow.left { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); -} -flap > shadow.right, -deck > shadow.right, -leaflet > shadow.right { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); -} -flap > shadow.up, -deck > shadow.up, -leaflet > shadow.up { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); -} -flap > shadow.down, -deck > shadow.down, -leaflet > shadow.down { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); -} -flap > outline, -deck > outline, -leaflet > outline { - min-width: 1px; - min-height: 1px; - background: rgba(255, 255, 255, 0.2); -} - -avatar { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - font-weight: bold; -} -avatar.color1 { - background-image: linear-gradient(#83b6ec, #337fdc); - color: #cfe1f5; -} -avatar.color2 { - background-image: linear-gradient(#7ad9f1, #0f9ac8); - color: #caeaf2; -} -avatar.color3 { - background-image: linear-gradient(#8de6b1, #29ae74); - color: #cef8d8; -} -avatar.color4 { - background-image: linear-gradient(#b5e98a, #6ab85b); - color: #e6f9d7; -} -avatar.color5 { - background-image: linear-gradient(#f8e359, #d29d09); - color: #f9f4e1; -} -avatar.color6 { - background-image: linear-gradient(#ffcb62, #d68400); - color: #ffead1; -} -avatar.color7 { - background-image: linear-gradient(#ffa95a, #ed5b00); - color: #ffe5c5; -} -avatar.color8 { - background-image: linear-gradient(#f78773, #e62d42); - color: #f8d2ce; -} -avatar.color9 { - background-image: linear-gradient(#e973ab, #e33b6a); - color: #fac7de; -} -avatar.color10 { - background-image: linear-gradient(#cb78d4, #9945b5); - color: #e7c2e8; -} -avatar.color11 { - background-image: linear-gradient(#9e91e8, #7a59ca); - color: #d5d2f5; -} -avatar.color12 { - background-image: linear-gradient(#e3cf9c, #b08952); - color: #f2eade; -} -avatar.color13 { - background-image: linear-gradient(#be916d, #785336); - color: #e5d6ca; -} -avatar.color14 { - background-image: linear-gradient(#c0bfbc, #6e6d71); - color: #d8d7d3; -} -avatar.contrasted { - color: #fff; -} -avatar.image { - background: none; -} - -window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, -preferencespage > scrolledwindow > viewport > clamp { - margin: 0 12px; -} -window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, -window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, -preferencespage > scrolledwindow > viewport > clamp > list, -preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { - margin-top: 24px; -} - -preferencesgroup > box > label:not(:first-child) { - margin-top: 6px; -} -preferencesgroup > box > box:not(:first-child) { - margin-top: 12px; -} - -tabbar .tab-indicator:not(.clickable) { - background: none; - box-shadow: none; - border-color: transparent; -} - -.windowhandle, .windowhandle * { - -GtkWidget-window-dragging: true; -} - -.heading.h4 { - color: @window_fg_color; -} - -window.csd.unified list.content spinbutton { - border: none; -} -window.csd.unified list.content spinbutton:focus { - box-shadow: inset 0 0 0 2px alpha(@accent_color,0.5); -} - -window.csd.unified .titlebar { - border-bottom: 0; - box-shadow: none; -} - -window.csd.unified .sidebar separator { - min-height: 0; -} -window.csd.unified .sidebar list row:backdrop:hover { - background-color: alpha(currentColor,0.07); -} - -window.rounded, -window.rounded actionbar { - border-radius: 0 0 15px 15px; -} -window.rounded decoration, -window.rounded actionbar decoration { - border-radius: 15px; -} - -window.flat headerbar { - box-shadow: none; -} - -.accent { - color: @accent_bg_color; -} - -.h1 { - font-size: 20pt; - font-weight: 300; -} - -.h2 { - font-size: 16pt; - font-weight: 200; -} - -.h3 { - font-size: 11pt; -} - -.h4, -.category-label { - color: shade(@window_fg_color,1.2); - font-weight: 700; -} - -.h4 { - padding-top: 0.5em; - padding-bottom: 0.5em; -} - -list .h4 { - padding-left: 0.5em; -} - -.storage-bar .trough { - padding: 8px 6px; - border: none; - border-radius: 9px 9px 0 0; - background-image: none; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); -} -.storage-bar .fill-block { - padding: 8px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - border-top-width: 0; - border-right-width: 0; - border-bottom-width: 1px; - border-left-width: 0; - border-radius: 0; - border-bottom-color: shade(mix(currentColor,@window_bg_color,0.85),0.75); - background-color: shade(@view_bg_color,0.85); -} -.storage-bar .fill-block:first-child { - border-radius: 9px 0 0; -} -.storage-bar .fill-block:last-child { - border-radius: 0 9px 0 0; -} -.storage-bar .fill-block:only-child { - border-radius: 9px 9px 0 0; -} -.storage-bar .fill-block image { - -gtk-icon-style: symbolic; -} -.storage-bar .empty-block { - border-bottom-width: 1px; - border-bottom-color: shade(mix(currentColor,@window_bg_color,0.85),0.6); - background-color: shade(@view_bg_color,0.95); -} -.storage-bar .empty-block image { - color: black; -} -.storage-bar .app { - border-bottom-width: 1px; - border-bottom-color: shade(#dc8add,0.7); - background-color: #dc8add; -} -.storage-bar .app image { - color: white; -} -.storage-bar .audio { - border-bottom-width: 1px; - border-bottom-color: shade(#ffa348,0.8); - background-color: #ffa348; -} -.storage-bar .audio image { - color: black; -} -.storage-bar .files { - border-bottom-width: 1px; - border-bottom-color: shade(#99c1f1,0.8); - background-color: #99c1f1; -} -.storage-bar .files image { - color: black; -} -.storage-bar .photo { - border-bottom-width: 1px; - border-bottom-color: shade(#57e389,0.7); - background-color: #57e389; -} -.storage-bar .photo image { - color: black; -} -.storage-bar .video { - border-bottom-width: 1px; - border-bottom-color: shade(#f66151,0.8); - background-color: #f66151; -} -.storage-bar .video image { - color: white; -} -.storage-bar .legend { - padding: 8px; - border-radius: 50%; -} -.storage-bar .legend image { - color: black; -} -.storage-bar .disk-bar { - padding: 0; - border-radius: 9px; - background-color: #cdab8f; -} -.storage-bar .ext2, .storage-bar .ext3, .storage-bar .ext4, .storage-bar .fat16, .storage-bar .fat32, .storage-bar .btrfs, -.storage-bar .xfs, .storage-bar .ntfs, .storage-bar .luks, .storage-bar .lvm, .storage-bar .none, .storage-bar .swap, .storage-bar .unused { - border: none; - box-shadow: inset 0 -2px rgba(94, 92, 100, 0.5), inset 1px 0 rgba(94, 92, 100, 0.5), inset -1px 0 rgba(94, 92, 100, 0.5); -} -.storage-bar .swap { - background-color: #a51d2d; -} -.storage-bar .swap image { - color: white; -} -.storage-bar .ext4 { - background-color: #57e389; -} -.storage-bar .ext4 image { - color: black; -} -.storage-bar .ext3 { - background-color: #26a269; -} -.storage-bar .ext3 image { - color: white; -} -.storage-bar .ext2 { - background-color: #8ff0a4; -} -.storage-bar .ext2 image { - color: black; -} -.storage-bar .fat16, -.storage-bar .fat32 { - background-color: #f8e45c; -} -.storage-bar .fat16 image, -.storage-bar .fat32 image { - color: black; -} -.storage-bar .btrfs { - background-color: #1a5fb4; -} -.storage-bar .btrfs image { - color: white; -} -.storage-bar .xfs { - background-color: #99c1f1; -} -.storage-bar .xfs image { - color: black; -} -.storage-bar .ntfs { - background-color: #ffa348; -} -.storage-bar .ntfs image { - color: black; -} -.storage-bar .luks { - background-color: #c061cb; -} -.storage-bar .luks image { - color: black; -} -.storage-bar .lvm { - background-color: #dc8add; -} -.storage-bar .lvm image { - color: black; -} -.storage-bar .none { - background-color: #99c1f1; -} -.storage-bar .none image { - color: black; -} -.storage-bar .unused { - background-color: #cdab8f; -} -.storage-bar .unused image { - color: black; -} -.storage-bar .legend { - box-shadow: none; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 15px; - -GraniteWidgetsPopOver-border-width: 0; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid @view_bg_color; - background: @view_bg_color; - color: @window_fg_color; -} -GraniteWidgetsPopOver .button { - background-image: none; - background: none; - border: none; -} -GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { - color: @accent_bg_color; -} -GraniteWidgetsPopOver > .frame { - border: none; -} -GraniteWidgetsPopOver .sidebar.view { - border: none; - background: none; -} - -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.popover_bg { - background-color: @view_bg_color; - background-image: none; - border: 1px solid @view_bg_color; - color: @window_fg_color; -} - -.deck { - background-color: @view_bg_color; -} - -paper, -.card { - transition: all 300ms cubic-bezier(0.25, 0.8, 0.25, 1); - border: none; - background-color: @view_bg_color; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); -} -paper, paper.rounded, -.card, -.card.rounded { - border-radius: 12px; -} -paper.collapsed, -.card.collapsed { - background-color: @window_bg_color; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; - background-color: @window_bg_color; - border: solid mix(currentColor,@window_bg_color,0.85); - color: @window_fg_color; - border-right-width: 1px; -} -.source-list .category-expander { - color: transparent; -} -.source-list .badge { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - color: @window_bg_color; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} -.source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { - background-color: rgba(0, 0, 0, 0.2); - color: shade(@window_bg_color,0.95); -} -.source-list row, -.source-list .list-row { - border: none; - padding: 0; -} -.source-list row > GtkLabel, -.source-list row > label, -.source-list .list-row > GtkLabel, -.source-list .list-row > label { - padding-left: 6px; - padding-right: 6px; -} - -.avatar { - border-radius: 999px; - box-shadow: none; -} - -.overlay-bar { - padding: 4px; -} - -.dynamic-notebook tab.reorderable-page { - padding: 8px; -} - -scale.temperature trough { - background-image: linear-gradient(to right, rgba(153, 193, 241, 0.4), #c0bfbc, #f9f06b); -} -scale.temperature:dir(rtl) trough { - background-image: linear-gradient(to left, rgba(153, 193, 241, 0.4), #c0bfbc, #f9f06b); -} -scale.warmth trough { - background-image: linear-gradient(to right, rgba(249, 240, 107, 0.4), rgba(229, 165, 10, 0.6)); -} -scale.warmth:dir(rtl) trough { - background-image: linear-gradient(to left, rgba(249, 240, 107, 0.4), rgba(229, 165, 10, 0.6)); -} - -.terminal, -.terminal text { - background-color: #3d3846; - color: white; - font-family: monospace; -} -.terminal selection, -.terminal text selection { - background-color: @accent_bg_color; - color: white; -} -.terminal:backdrop, -.terminal text:backdrop { - background-color: #5e5c64; - color: white; -} - -label.terminal { - padding: 1em; -} - -.welcome { - font-size: 10pt; - text-shadow: none; -} -.welcome .h1, .welcome .h3 { - color: shade(@window_fg_color,1.2); -} - -button.back-button, -button.back-button.text-button { - padding-right: 8px; - padding-left: 36px; - transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-image: -gtk-icontheme("go-previous-symbolic"); - background-repeat: no-repeat no-repeat; - background-position: 5px 50%; - background-size: 21px; -} -.titlebar button.back-button, -.titlebar button.back-button.text-button { - background-color: @headerbar_bg_color; - background-image: -gtk-icontheme("go-previous-symbolic"); - background-repeat: no-repeat no-repeat; - background-position: 5px 50%; - background-size: 21px; - padding-left: 36px; - color: @headerbar_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.9); -} -.titlebar button.back-button:hover, -.titlebar button.back-button.text-button:hover { - background-image: -gtk-icontheme("go-previous-symbolic"); - background-repeat: no-repeat no-repeat; - background-position: 5px 50%; - background-size: 21px; - color: @headerbar_fg_color; - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.85); - box-shadow: none; -} -.titlebar button.back-button:active, -.titlebar button.back-button.text-button:active { - background-image: -gtk-icontheme("go-previous-symbolic"); - background-repeat: no-repeat no-repeat; - background-position: 5px 50%; - background-size: 21px; - color: @headerbar_fg_color; - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -.titlebar button.back-button:active:hover, -.titlebar button.back-button.text-button:active:hover { - background-color: mix(@headerbar_fg_color,@headerbar_bg_color,0.65); -} -button.back-button:dir(rtl), -button.back-button.text-button:dir(rtl) { - padding: 0.5em 0.6em; - padding-right: 36px; - padding-left: 8px; - background-image: -gtk-icontheme("go-next-symbolic"); - background-repeat: no-repeat no-repeat; - background-position: 90% 50%; -} - -.checkerboard { - box-shadow: 0px 1px 2px 0px alpha(mix(currentColor,@window_bg_color,0.85),0.5), 0px 0px 0px 1px alpha(mix(currentColor,@window_bg_color,0.85),0.5), 0px 2px 0px 0px alpha(mix(currentColor,@window_bg_color,0.85),0.5); - border-radius: 2px; -} - -.org-gnome-gedit notebook > header, .gedit-side-panel-paned notebook > header { - background-color: @headerbar_bg_color; -} -.org-gnome-gedit notebook > header:backdrop, .gedit-side-panel-paned notebook > header:backdrop { - background-color: @headerbar_backdrop_color; -} -.org-gnome-gedit notebook > header, .gedit-side-panel-paned notebook > header { - box-shadow: inset 0 -1px @headerbar_shade_color; -} - -.gedit-search-slider { - background: @window_bg_color; - border: 1px solid mix(currentColor,@window_bg_color,0.85); - border-top-style: none; - padding: 4px 8px; - border-radius: 0 0 9px 9px; -} -.gedit-search-slider button { - padding-top: 7px; - padding-bottom: 7px; -} - -.gedit-document-panel { - background-color: @window_bg_color; -} -.gedit-document-panel row.activatable { - padding: 6px; -} -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0; - border: none; -} -.gedit-document-panel row:hover button:hover { - background-color: alpha(currentColor,0.15); -} -.gedit-document-panel row:hover button:active { - background-color: alpha(currentColor,0.3); -} -.gedit-document-panel row:hover:selected button:hover { - color: @window_fg_color; -} - -.XfceHeading { - background-color: @view_bg_color; - margin: 0; - padding: 0; - border-width: 0; -} - -XfdesktopIconView.view { - background: transparent; - color: rgba(255, 255, 255, 0.9); - border-radius: 9px; -} -XfdesktopIconView.view:active { - background: alpha(mix(black,@accent_bg_color,0.85),0.5); - text-shadow: 0 1px 1px black; -} -XfdesktopIconView.view .label { - text-shadow: 1px 1px 2px black; -} -XfdesktopIconView.view .rubberband { - border-radius: 0; -} - -.xfce4-panel.background { - border: none; - background-color: @panel_bg_color; - color: @panel_fg_color; - transition-duration: 250ms; -} -.xfce4-panel.background .tasklist button, -.xfce4-panel.background #actions-button, -.xfce4-panel.background #clock-button { - margin: 0 1px; -} -.xfce4-panel.background.horizontal .tasklist button { - margin: 0 1px; -} -.xfce4-panel.background.horizontal .tasklist button label { - padding-right: 3px; -} -.xfce4-panel.background.vertical .tasklist button { - margin: 1px 0; -} -.xfce4-panel.background.vertical .tasklist button label { - padding-bottom: 3px; -} -.xfce4-panel.background .tasklist image { - margin-left: 2px; - margin-right: 2px; -} -.xfce4-panel.background button label { - padding-left: 6px; - padding-right: 6px; -} -.xfce4-panel.background button { - padding: 0 6px; - min-height: 12px; - min-width: 12px; - border-radius: 24px; - color: @panel_fg_color; - transition-duration: 250ms; - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; -} -.xfce4-panel.background button:disabled { - background-color: transparent; - color: alpha(@panel_fg_color,0.2); -} -.xfce4-panel.background button:hover:not(:active):not(:checked) { - color: @panel_fg_color; - background-color: alpha(@panel_fg_color,0.25); - background-image: none; -} -.xfce4-panel.background button:checked { - background-color: alpha(@panel_fg_color,0.2); - color: @panel_fg_color; -} -.xfce4-panel.background button:checked:hover { - background-color: alpha(@panel_fg_color,0.35); -} -.xfce4-panel.background button:checked:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: alpha(@panel_fg_color,0.2); -} -.xfce4-panel.background button:drop(active) { - color: @accent_bg_color; - border-color: @accent_bg_color; - box-shadow: inset 0 0 0 1px @accent_bg_color; -} -.xfce4-panel.background button entry { - caret-color: @view_fg_color; -} -.xfce4-panel.background button menu { - -gtk-icon-effect: none; - text-shadow: none; -} -.xfce4-panel.background button menu .linked button { - color: @view_fg_color; - outline-color: alpha(@accent_color,0.5); - background-color: mix(@view_fg_color,@popover_bg_color,0.9); -} -.xfce4-panel.background button menu .linked button:disabled { - color: alpha(@window_fg_color,0.5); - background-color: mix(@window_fg_color,@window_bg_color,0.95); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-color: alpha(mix(currentColor,@window_bg_color,0.85),0.5); -} -.xfce4-panel.background progressbar { - margin: 0; -} -.xfce4-panel.background progressbar.horizontal trough { - min-height: 6px; - padding: 0; -} -.xfce4-panel.background progressbar.horizontal progress { - min-height: 4px; -} -.xfce4-panel.background progressbar.vertical trough { - min-width: 6px; - padding: 0; -} -.xfce4-panel.background progressbar.vertical progress { - min-width: 4px; -} -.xfce4-panel.background progressbar progress { - border-radius: 0px; -} -.xfce4-panel.background progressbar trough { - background: shade(@panel_bg_color,0.7); - border-radius: 0px; - border-color: shade(@panel_bg_color,0.4); -} - -wnck-pager { - background-color: alpha(@panel_fg_color,0.1); -} -wnck-pager:selected { - background-color: shade(@accent_bg_color,0.88); -} -wnck-pager:hover { - background-color: @accent_bg_color; -} - -#xfwm-tabwin { - padding: 12px; - border-radius: 15px; - -XfwmTabwinWidget-icon-size: 64px; - -XfwmTabwinWidget-preview-size: 128px; -} -#xfwm-tabwin .tabwin-app-grid button { - min-width: 96px; - min-height: 96px; -} - -window#whiskermenu-window button { - transition: none; -} - -#whiskermenu-button { - transition: none; -} - -#XfceNotifyWindow { - border-radius: 9px; - background-color: @view_bg_color; -} - -.caja-desktop.caja-canvas-item, -.nemo-desktop.nemo-canvas-item { - color: @accent_fg_color; - text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); -} - -.nemo-properties-dialog .dialog-action-box .dialog-action-area { - margin: 2px 6px 4px; -} -.nemo-properties-dialog toolbar stackswitcher.linked button { - margin-right: 0; -} -.nemo-properties-dialog toolbar stackswitcher.linked button:backdrop { - color: mix(@window_fg_color,@window_bg_color,0.5); - background-color: @window_bg_color; -} - -.nemo-window .sidebar scrolledwindow.frame.nemo-places-sidebar { - border: none; -} -.nemo-window .sidebar viewport.frame box.vertical treeview.view.places-treeview { - background-image: image(@window_bg_color); - border-radius: 0; -} -.nemo-window .sidebar viewport.frame box.vertical treeview.view.places-treeview:selected { - background: @accent_bg_color; -} -.nemo-window .sidebar viewport.frame box.vertical treeview.view.places-treeview:not(:selected):not(:backdrop):hover { - background-image: image(alpha(@window_fg_color,0.05)); -} -.nemo-window .nemo-inactive-pane .view, -.nemo-window .nemo-inactive-pane iconview { - background-color: @window_bg_color; -} -.nemo-window .nemo-window-pane widget.entry { - border: 1px solid; - border-radius: 3px; - color: @window_fg_color; - border-color: @accent_bg_color; - background-color: @window_bg_color; -} -.nemo-window .nemo-window-pane widget.entry:selected { - border: 1px solid; - border-radius: 3px; - color: @accent_fg_color; - border-color: @accent_bg_color; - background-color: @accent_bg_color; -} -.nemo-window toolbar.horizontal.primary-toolbar { - border-bottom: 1px solid mix(currentColor,@window_bg_color,0.85); -} -.nemo-window toolbar.horizontal.primary-toolbar widget.linked.raised button:first-child widget { - -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); -} -.nemo-window toolbar.horizontal.primary-toolbar widget.linked.raised button:last-child widget { - -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); -} -.nemo-window toolbar.horizontal.primary-toolbar toolitem box widget * { - min-height: 0; - min-width: 0; -} -.nemo-window toolbar.horizontal.primary-toolbar .linked button { - margin-right: 0; -} - -#MozillaGtkWidget.background selection:focus, #MozillaGtkWidget.background selection { - background-color: @accent_bg_color; - color: @accent_fg_color; -} - -terminal-window notebook > header.top tabs:not(:only-child):first-child, terminal-window notebook > header.bottom tabs:not(:only-child):first-child { - margin-left: 0px; -} -terminal-window notebook > header.top tabs:not(:only-child):last-child, terminal-window notebook > header.bottom tabs:not(:only-child):last-child { - margin-right: 0px; -} - -terminal-window notebook scrollbar slider { - margin: 0; - border-width: 3px; -} - -window.background.caja-navigation-window #Toolbar { - border-bottom: 1px solid mix(currentColor,@window_bg_color,0.85); -} -window.background.caja-navigation-window #Toolbar:backdrop { - background-color: @window_bg_color; - border-color: mix(currentColor,@window_bg_color,0.81); -} - -.caja-pathbar button { - min-width: 32px; - border-radius: 0; - border-right-width: 0; - margin-right: -3px; -} -.caja-pathbar button.slider-button:nth-child(odd) { - border-radius: 9px 0px 0px 9px; -} -.caja-pathbar button.slider-button:nth-child(even) { - border-radius: 0 9px 9px 0; - border-right-width: 1px; -} - -.caja-side-pane .frame { - border-style: solid none none none; -} - -.caja-notebook .view, .caja-notebook .view.frame, .caja-notebook .frame { - border-left: 0; - border-right: 0; -} - -.caja-side-pane + separator + box:backdrop { - background: @window_bg_color; -} - -.caja-navigation-window widget.view widget.entry, -.caja-desktop-window widget.view widget.entry { - background: mix(currentColor,@window_bg_color,0.95); - color: @window_fg_color; - border-color: mix(currentColor,@window_bg_color,0.85); -} -.caja-navigation-window widget.view widget.entry:selected, -.caja-desktop-window widget.view widget.entry:selected { - background: @accent_bg_color; - color: @accent_fg_color; -} - -#gnc-id-main-window treeview.view:not(:selected):hover { - background-color: mix(currentColor,@view_bg_color,0.93); -} - -gnc-id-sheet-list { - background-color: @window_bg_color; -} - -geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content { - background-color: @window_bg_color; - border: none; - border-radius: 0; -} -geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { - border: 1px solid mix(currentColor,@window_bg_color,0.85); - border-bottom-width: 0; -} -geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} -geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane { - border-radius: 0 0 12px 12px; -} -geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background { - background-color: transparent; -} -geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box { - border-radius: 0 0 12px 12px; -} -geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content geary-composer-editor > box.background { - background-color: transparent; -} -geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content geary-composer-editor > box.background > actionbar > revealer > box { - border-radius: 0 0 12px 12px; -} -geary-conversation-viewer#conversation_viewer searchbar > revealer > box { - background-color: @view_bg_color; - border-color: mix(currentColor,@window_bg_color,0.85); -} - -.geary-folder-popover-list-row { - border-radius: 0; - margin: 0; -} - -.geary-main-window leaflet > leaflet > box:first-child { - background-color: @sidebar_bg_color; -} -.geary-main-window leaflet > leaflet > box:first-child:backdrop { - background-color: @sidebar_backdrop_color; -} - -.geary-main-window leaflet > box:first-child > .titlebar { - background-color: @sidebar_bg_color; - background-image: none; - border-bottom: transparent; - box-shadow: none; -} -.geary-main-window leaflet > box:first-child > .titlebar:backdrop { - background-color: @sidebar_backdrop_color; -} -.geary-main-window leaflet > box:first-child > .titlebar button { - background-color: transparent; -} -.geary-main-window leaflet > box:first-child > .titlebar button:hover { - background-color: alpha(currentColor,0.15); -} -.geary-main-window leaflet > box:first-child > .titlebar button:hover:active, .geary-main-window leaflet > box:first-child > .titlebar button:active, .geary-main-window leaflet > box:first-child > .titlebar button:hover:checked, .geary-main-window leaflet > box:first-child > .titlebar button:checked { - background-color: alpha(currentColor,0.3); -} -.geary-main-window leaflet > box:first-child > .titlebar button:backdrop { - background: transparent; -} -.geary-main-window leaflet > box:first-child > .titlebar button:backdrop:hover { - background: alpha(currentColor,0.15); -} -.geary-main-window leaflet > box:not(:first-child) > .titlebar { - border-bottom: transparent; - box-shadow: none; -} -.geary-main-window leaflet > box:not(:first-child) > .titlebar:backdrop { - background-image: none; - background-color: @headerbar_bg_color; -} - -.geary-main-window separator.sidebar { - background-color: mix(currentColor,@window_bg_color,0.85); -} - -.geary-main-window .titlebar .image-button { - padding: 0 6px; -} - -.geary-folder .sidebar.view:selected { - background-color: alpha(currentColor,0.1); -} -.geary-folder .sidebar.view:selected:hover { - background-color: alpha(currentColor,0.12); -} -.geary-folder .sidebar.view:hover { - background-color: alpha(currentColor,0.07); -} - -#DialogNotebook treeview.view:hover { - background-color: alpha(@accent_bg_color,0.5); -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; -} -.budgie-panel button.flat.launcher { - padding: 0; -} -.budgie-panel.horizontal button, -.budgie-panel #tasklist-button { - padding: 0 4px; -} -.budgie-panel.vertical button { - padding: 4px 0; -} -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -toolbar.toolbar box:not(.linked) > button { - font-weight: normal; -} - -window.background:not(.solid-csd):not(.csd) > notebook > header { - border: 0; -} -window.background:not(.solid-csd):not(.csd) > notebook > header tab { - margin: 0 1px; - border-radius: 9px; - box-shadow: none; -} -window.background:not(.solid-csd):not(.csd) > notebook > header tab:hover { - background-color: alpha(currentColor,0.07); -} -window.background:not(.solid-csd):not(.csd) > notebook > header tab:active, window.background:not(.solid-csd):not(.csd) > notebook > header tab:checked { - background-color: alpha(currentColor,0.1); -} -window.background:not(.solid-csd):not(.csd) > notebook > header tab:checked:hover { - background-color: alpha(currentColor,0.12); -} - -window.background:not(.solid-csd):not(.csd) > notebook > stack:not(:only-child) { - background-color: @window_bg_color; -} - -#settingsDialog .dialog-vbox.vertical tab { - box-shadow: none; - margin-right: 8px; - border-radius: 9px; -} -#settingsDialog .dialog-vbox.vertical tab:hover { - color: @window_fg_color; - background-color: mix(@window_fg_color,@window_bg_color,0.85); - box-shadow: none; -} -#settingsDialog .dialog-vbox.vertical tab:checked { - color: @window_fg_color; - background-color: mix(@window_fg_color,@window_bg_color,0.7); - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} -#settingsDialog .dialog-vbox.vertical tab:checked:hover { - background-color: mix(@window_fg_color,@window_bg_color,0.65); -} +/* via thairanaru on GitHub: */ /* Matugen Colors */ @@ -7821,3 +26,5 @@ window.background:not(.solid-csd):not(.csd) > notebook > stack:not(:only-child) @define-color sidebar_fg_color @window_fg_color; @define-color sidebar_border_color @window_bg_color; @define-color sidebar_backdrop_color @window_bg_color; + +/* END DMS OVERRIDE */ diff --git a/quickshell/scripts/gtk.sh b/quickshell/scripts/gtk.sh index 454b0f236..a08a8324f 100755 --- a/quickshell/scripts/gtk.sh +++ b/quickshell/scripts/gtk.sh @@ -1,34 +1,56 @@ #!/usr/bin/env bash CONFIG_DIR="$1" +DATA_DIR="$2" if [ -z "$CONFIG_DIR" ]; then - echo "Usage: $0 " >&2 - exit 1 + echo "Usage: $0 " >&2 + exit 1 +fi + +if [ -z "$DATA_DIR" ]; then + echo "Usage: $0 " >&2 + exit 1 fi apply_gtk3_colors() { - local config_dir="$1" + local config_dir="$1" + local data_dir="$2" - local gtk3_dir="$config_dir/gtk-3.0" - local dank_colors="$gtk3_dir/dank-colors.css" - local gtk_css="$gtk3_dir/gtk.css" + # Make sure there's no global override + local gtk3_dir_cfg="$config_dir/gtk-3.0" + local dank_colors_cfg="$gtk3_dir_cfg/dank-colors.css" + local gtk_css_cfg="$gtk3_dir_cfg/gtk.css" + for file in "$dank_colors_cfg" "$gtk_css_cfg"; do + if [ -f "$file" ]; then + mv "$file" "$file.backup" + fi + done - if [ ! -f "$dank_colors" ]; then - echo "Error: dank-colors.css not found at $dank_colors" >&2 - echo "Run matugen first to generate theme files" >&2 - exit 1 - fi + for variant in light dark; do + [ "$variant" = "light" ] && name="" || name="-$variant" + local gtk3_dir_main="$data_dir/themes/adw-gtk3${name}/gtk-3.0" + local dank_colors_main="$gtk3_dir_main/dank-colors.css" + local gtk_css_main="$gtk3_dir_main/gtk.css" + local gtk_import="@import url('dank-colors.css');" - if [ -L "$gtk_css" ]; then - rm "$gtk_css" - elif [ -f "$gtk_css" ]; then - mv "$gtk_css" "$gtk_css.backup.$(date +%s)" - echo "Backed up existing gtk.css" - fi + if [ ! -d "$data_dir/themes/adw-gtk3${name}" ]; then + echo "Error: No user version of adw-gtk3 found at '$data_dir/themes'" >&2 + exit 1 + fi + + if [ ! -f "$dank_colors_main" ]; then + echo "Error: GTK3 dank-colors.css not found at '$dank_colors_main'" >&2 + echo "Run matugen first to generate theme files" >&2 + exit 1 + fi - ln -s "dank-colors.css" "$gtk_css" - echo "Created symlink: $gtk_css -> dank-colors.css" + if [ -f "$gtk_css_main" ] && grep -q '^@import url.*dank-colors\.css.*);$' "$gtk_css_main"; then + echo "GTK3 $variant import already exists" >&2 + return + fi + echo "$gtk_import" >>"$gtk_css_main" + done } apply_gtk4_colors() { @@ -60,7 +82,8 @@ apply_gtk4_colors() { mkdir -p "$CONFIG_DIR/gtk-3.0" "$CONFIG_DIR/gtk-4.0" -apply_gtk3_colors "$CONFIG_DIR" +mkdir -p "$CONFIG_DIR/gtk-4.0" +apply_gtk3_colors "$CONFIG_DIR" "$DATA_DIR" apply_gtk4_colors "$CONFIG_DIR" echo "GTK colors applied successfully"