Gentoo desktop

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;
+}