diff options
Diffstat (limited to 'themes/iroha/gtk')
| -rw-r--r-- | themes/iroha/gtk/gtk3-dark.css | 157 | ||||
| -rw-r--r-- | themes/iroha/gtk/gtk4-dark.css | 168 |
2 files changed, 325 insertions, 0 deletions
diff --git a/themes/iroha/gtk/gtk3-dark.css b/themes/iroha/gtk/gtk3-dark.css new file mode 100644 index 0000000..134b7c0 --- /dev/null +++ b/themes/iroha/gtk/gtk3-dark.css @@ -0,0 +1,157 @@ +/* Peninsula-dark from adw-colors */ +@define-color window_bg_color #000000; +@define-color window_fg_color #eeeeee; +@define-color view_bg_color @window_bg_color; +@define-color view_fg_color @window_fg_color; +@define-color accent_bg_color #af5f00; +@define-color accent_fg_color white; +@define-color headerbar_bg_color @window_bg_color; +@define-color headerbar_fg_color @window_fg_color; +@define-color headerbar_backdrop_color @window_bg_color; +@define-color popover_bg_color @window_bg_color; +@define-color popover_fg_color @view_fg_color; +@define-color dialog_bg_color @window_bg_color; +@define-color dialog_fg_color @view_fg_color; +@define-color card_bg_color @window_bg_color; +@define-color card_fg_color @view_fg_color; +@define-color sidebar_bg_color @window_bg_color; +@define-color sidebar_fg_color @window_fg_color; +@define-color sidebar_backdrop_color @window_bg_color; +@define-color sidebar_shade_color rgba(0, 0, 0, 0.25); +@define-color sidebar_border_color rgba(0, 0, 0, 0.36); +@define-color destructive_bg_color #d75f00; +@define-color success_bg_color #005f5f; +@define-color warning_bg_color #ffd75f; +@define-color error_bg_color @destructive_bg_color; +decoration { + box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.7), 0 0 0 1px mix(white, @window_bg_color, 0.82); +} +decoration:backdrop { + box-shadow: 0 3px 12px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px mix(white, @window_bg_color, 0.95); +} +.tiled decoration, .tiled-top decoration, .tiled-bottom decoration, .tiled-right decoration, .tiled-left decoration { + box-shadow: 0 0 0 1px mix(white, @window_bg_color, 0.95), 0 0 0 20px transparent; +} +messagedialog.csd decoration, .csd.popup decoration, .maximized .csd.popup decoration { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8), 0 0 0 1px alpha(mix(white, @window_bg_color, 0.82), 0.9); +} +tooltip.csd decoration { + box-shadow: none; +} +.maximized decoration, .fullscreen decoration { + border-radius: 0; + box-shadow: none; +} +.ssd decoration { + box-shadow: 0 0 0 1px mix(white, @window_bg_color, 0.82); +} +.ssd decoration:backdrop { + box-shadow: 0 0 0 1px mix(white, @window_bg_color, 0.95); +} +.ssd.maximized decoration, .ssd.maximized decoration:backdrop { + box-shadow: none; +} +.solid-csd decoration { + box-shadow: inset 0 0 0 5px alpha(currentColor, 0.5), inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px alpha(currentColor, 0.5); +} +.solid-csd decoration:backdrop { + box-shadow: inset 0 0 0 3px @window_bg_color; +} + +button.titlebutton { + min-width: 18px; + min-height: 18px; + border-radius: 24px; + color: transparent; +} + +button.titlebutton { + margin: 0 4px; + border-width: 0; +} +button.titlebutton.close { + box-shadow: inset 0 0 0 6px @destructive_bg_color; +} +button.titlebutton.close:hover { + box-shadow: inset 0 0 0 8px mix(white, @destructive_bg_color, 0.7); +} +button.titlebutton.close:active { + background-color: mix(white, @destructive_bg_color, 0.5); + box-shadow: none; +} +button.titlebutton.maximize { + box-shadow: inset 0 0 0 6px @success_bg_color; +} +button.titlebutton.maximize:hover { + box-shadow: inset 0 0 0 4px mix(white, @success_bg_color, 0.7); +} +button.titlebutton.maximize:active { + background-color: mix(white, @success_bg_color, 0.5); + box-shadow: none; +} +button.titlebutton.minimize { + box-shadow: inset 0 0 0 6px @warning_bg_color; +} +button.titlebutton.minimize:hover { + box-shadow: inset 0 0 0 8px mix(white, @warning_bg_color, 0.7); +} +button.titlebutton.minimize:active { + background-color: mix(white, @warning_bg_color, 0.5); + box-shadow: none; +} + +.maximized button.titlebutton.maximize { + box-shadow: inset 0 0 0 6px @success_bg_color; +} +.maximized button.titlebutton.maximize:hover { + box-shadow: inset 0 0 0 8px mix(white, @success_bg_color, 0.7); +} +.maximized button.titlebutton.maximize:active { + background-color: mix(white, @success_bg_color, 0.5); + box-shadow: none; +} + +button.titlebutton:backdrop { + opacity: 0.5; +} +button.titlebutton:backdrop.close { + box-shadow: inset 0 0 0 6px alpha(@headerbar_fg_color, 0.15); +} +button.titlebutton:backdrop.close:hover { + box-shadow: inset 0 0 0 8px mix(white,@destructive_bg_color, 0.7); +} +button.titlebutton:backdrop.close:active { + background-color: mix(white, @destructive_bg_color, 0.5); + box-shadow: none; +} +button.titlebutton:backdrop.maximize { + box-shadow: inset 0 0 0 6px alpha(@headerbar_fg_color, 0.15); +} +button.titlebutton:backdrop.maximize:hover { + box-shadow: inset 0 0 0 4px mix(white,@success_bg_color, 0.7); +} +button.titlebutton:backdrop.maximize:active { + background-color: mix(white, @success_bg_color, 0.5); + box-shadow: none; +} +button.titlebutton:backdrop.minimize { + box-shadow: inset 0 0 0 6px alpha(@headerbar_fg_color, 0.15); +} +button.titlebutton:backdrop.minimize:hover { + box-shadow: inset 0 0 0 8px mix(white, @warning_bg_color, 0.7); +} +button.titlebutton:backdrop.minimize:active { + background-color: mix(white, @warning_bg_color, 0.5); + box-shadow: none; +} + +.maximized button.titlebutton:backdrop.maximize { + box-shadow: inset 0 0 0 6px alpha(@headerbar_fg_color, 0.15); +} +.maximized button.titlebutton:backdrop.maximize:hover { + box-shadow: inset 0 0 0 8px mix(white, @success_bg_color, 0.7); +} +.maximized button.titlebutton:backdrop.maximize:active { + background-color: mix(white, @success_bg_color, 0.5); + box-shadow: none; +} diff --git a/themes/iroha/gtk/gtk4-dark.css b/themes/iroha/gtk/gtk4-dark.css new file mode 100644 index 0000000..337a219 --- /dev/null +++ b/themes/iroha/gtk/gtk4-dark.css @@ -0,0 +1,168 @@ +/* Peninsula-dark from adw-colors */ +@define-color window_bg_color #000000; +@define-color window_fg_color #eeeeee; +@define-color view_bg_color @window_bg_color; +@define-color view_fg_color @window_fg_color; +@define-color accent_bg_color #af5f00; +@define-color accent_fg_color white; +@define-color headerbar_bg_color @window_bg_color; +@define-color headerbar_fg_color @window_fg_color; +@define-color headerbar_backdrop_color @window_bg_color; +@define-color popover_bg_color @window_bg_color; +@define-color popover_fg_color @view_fg_color; +@define-color dialog_bg_color @window_bg_color; +@define-color dialog_fg_color @view_fg_color; +@define-color card_bg_color @window_bg_color; +@define-color card_fg_color @view_fg_color; +@define-color sidebar_bg_color @window_bg_color; +@define-color sidebar_fg_color @window_fg_color; +@define-color sidebar_backdrop_color @window_bg_color; +@define-color sidebar_shade_color rgba(0, 0, 0, 0.25); +@define-color sidebar_border_color rgba(0, 0, 0, 0.36); +@define-color secondary_sidebar_bg_color @window_bg_color; +@define-color secondary_sidebar_fg_color @view_fg_color; +@define-color secondary_sidebar_backdrop_color @view_bg_color; +@define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.25); +@define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.36); +@define-color destructive_bg_color #d75f00; +@define-color success_bg_color #005f5f; +@define-color warning_bg_color #ffd75f; +@define-color error_bg_color @destructive_bg_color; +:root { + --accent-blue: #007bff; + --accent-teal: #1180b2; + --accent-green: #3a944a; + --accent-yellow: #c88800; + --accent-orange: #ff806c; + --accent-red: #ff5555; + --accent-pink: #ad3da4; + --accent-purple: #9141ac; + --accent-slate: #6f8396; + --accent-bg-color: @accent_bg_color; + --accent-fg-color: @accent_fg_color; + --window-bg-color: @window_bg_color; + --window-fg-color: @window_fg_color; + --view-bg-color: @view_bg_color; + --view-fg-color: @view_fg_color; + --headerbar-bg-color: @headerbar_bg_color; + --headerbar-fg-color: @headerbar_fg_color; + --headerbar-backdrop-color: @headerbar_backdrop_color; + --sidebar-bg-color: @sidebar_bg_color; + --sidebar-fg-color: @sidebar_fg_color; + --sidebar-backdrop-color: @sidebar_backdrop_color; + --sidebar-shade-color: @sidebar_shade_color; + --sidebar-border-color: @sidebar_border_color; + --secondary-sidebar-bg-color: @secondary_sidebar_bg_color; + --secondary-sidebar-fg-color: @secondary_sidebar_fg_color; + --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color; + --secondary-sidebar-shade-color: @secondary_sidebar_shade_color; + --secondary-sidebar-border-color: @secondary_sidebar_border_color; + --card-bg-color: @card_bg_color; + --card-fg-color: @card_fg_color; + --dialog-bg-color: @dialog_bg_color; + --dialog-fg-color: @dialog_fg_color; + --popover-bg-color: @popover_bg_color; + --popover-fg-color: @popover_fg_color; + --destructive-bg-color: @destructive_bg_color; + --success-bg-color: @success_bg_color; + --warning-bg-color: @warning_bg_color; + --error-bg-color: @error_bg_color; +} + +windowcontrols > button > image { + min-width: 18px; + min-height: 18px; + border-radius: 24px; + color: transparent; +} + +windowcontrols > button { + min-width: 18px; + min-height: 18px; +} +windowcontrols > button > image { + padding: 0; +} +windowcontrols > button.close > image { + box-shadow: inset 0 0 0 6px @destructive_bg_color; +} +windowcontrols > button.close > image:hover { + box-shadow: inset 0 0 0 8px color-mix(in srgb, white 30%, @destructive_bg_color); +} +windowcontrols > button.close > image:active { + background-color: color-mix(in srgb, white 50%, @destructive_bg_color); + box-shadow: none; +} +windowcontrols > button.maximize > image { + box-shadow: inset 0 0 0 6px @success_bg_color; +} +windowcontrols > button.maximize > image:hover { + box-shadow: inset 0 0 0 4px color-mix(in srgb, white 30%, @success_bg_color); +} +windowcontrols > button.maximize > image:active { + background-color: color-mix(in srgb, white 50%, @success_bg_color); + box-shadow: none; +} +windowcontrols > button.minimize > image { + box-shadow: inset 0 0 0 6px @warning_bg_color; +} +windowcontrols > button.minimize > image:hover { + box-shadow: inset 0 0 0 8px color-mix(in srgb, white 30%, @warning_bg_color); +} +windowcontrols > button.minimize > image:active { + background-color: color-mix(in srgb, white 50%, @warning_bg_color); + box-shadow: none; +} + +.maximized windowcontrols > button.maximize > image { + box-shadow: inset 0 0 0 6px @success_bg_color; +} +.maximized windowcontrols > button.maximize > image:hover { + box-shadow: inset 0 0 0 8px color-mix(in srgb, white 30%, @success_bg_color); +} +.maximized windowcontrols > button.maximize > image:active { + background-color: color-mix(in srgb, white 50%, @success_bg_color); + box-shadow: none; +} + +windowcontrols > button:backdrop.close > image { + box-shadow: inset 0 0 0 6px color-mix(in srgb, var(--headerbar-fg-color) 15%, transparent); +} +windowcontrols > button:backdrop.close > image:hover { + box-shadow: inset 0 0 0 8px color-mix(in srgb, white 30%, @destructive_bg_color); +} +windowcontrols > button:backdrop.close > image:active { + background-color: color-mix(in srgb, white 50%, @destructive_bg_color); + box-shadow: none; +} +windowcontrols > button:backdrop.maximize > image { + box-shadow: inset 0 0 0 6px color-mix(in srgb, var(--headerbar-fg-color) 15%, transparent); +} +windowcontrols > button:backdrop.maximize > image:hover { + box-shadow: inset 0 0 0 4px color-mix(in srgb, white 30%, @success_bg_color); +} +windowcontrols > button:backdrop.maximize > image:active { + background-color: color-mix(in srgb, white 50%, @success_bg_color); + box-shadow: none; +} +windowcontrols > button:backdrop.minimize > image { + box-shadow: inset 0 0 0 6px color-mix(in srgb, var(--headerbar-fg-color) 15%, transparent); +} +windowcontrols > button:backdrop.minimize > image:hover { + box-shadow: inset 0 0 0 8px color-mix(in srgb, white 30%, @warning_bg_color); +} +windowcontrols > button:backdrop.minimize > image:active { + background-color: color-mix(in srgb, white 50%, @warning_bg_color); + box-shadow: none; +} + +.maximized windowcontrols > button:backdrop.maximize > image { + box-shadow: inset 0 0 0 6px color-mix(in srgb, var(--headerbar-fg-color) 15%, transparent); +} +.maximized windowcontrols > button:backdrop.maximize > image:hover { + box-shadow: inset 0 0 0 8px color-mix(in srgb, white 30%, @success_bg_color); +} +.maximized windowcontrols > button:backdrop.maximize > image:active { + background-color: color-mix(in srgb, white 50%, @success_bg_color); + box-shadow: none; +} |