From 4f1de19860e2b7d43d770d3a984d6537848d9cd8 Mon Sep 17 00:00:00 2001 From: vinceliuice Date: Fri, 26 Apr 2024 14:40:31 +0800 Subject: [PATCH] update --- src/gtk/gtk-4.0/gtk-aliz.css | 148 ++++++++++++++++++++++++++ src/gtk/gtk-4.0/gtk-azul.css | 148 ++++++++++++++++++++++++++ src/gtk/gtk-4.0/gtk-dark-aliz.css | 148 ++++++++++++++++++++++++++ src/gtk/gtk-4.0/gtk-dark-azul.css | 148 ++++++++++++++++++++++++++ src/gtk/gtk-4.0/gtk-dark-pueril.css | 148 ++++++++++++++++++++++++++ src/gtk/gtk-4.0/gtk-dark-sea.css | 148 ++++++++++++++++++++++++++ src/gtk/gtk-4.0/gtk-light-aliz.css | 148 ++++++++++++++++++++++++++ src/gtk/gtk-4.0/gtk-light-azul.css | 148 ++++++++++++++++++++++++++ src/gtk/gtk-4.0/gtk-light-pueril.css | 148 ++++++++++++++++++++++++++ src/gtk/gtk-4.0/gtk-light-sea.css | 148 ++++++++++++++++++++++++++ src/gtk/gtk-4.0/gtk-pueril.css | 148 ++++++++++++++++++++++++++ src/gtk/gtk-4.0/gtk-sea.css | 148 ++++++++++++++++++++++++++ src/gtk/sass/_common-4.0.scss | 1 + src/gtk/sass/_libadwaita.scss | 152 +++++++++++++++++++++++++++ 14 files changed, 1929 insertions(+) diff --git a/src/gtk/gtk-4.0/gtk-aliz.css b/src/gtk/gtk-4.0/gtk-aliz.css index c6b4d310..ea194c5d 100644 --- a/src/gtk/gtk-4.0/gtk-aliz.css +++ b/src/gtk/gtk-4.0/gtk-aliz.css @@ -2585,6 +2585,7 @@ headerbar popover > contents button:disabled:active label, headerbar popover > c headerbar { min-height: 42px; padding: 0; + margin: 0; color: #d0c8c8; border: none; background-color: #222222; @@ -7146,6 +7147,10 @@ tabbar .box { min-height: 28px; } +tabbar tabbox { + padding: 0; +} + tabbar tabbox > tabboxchild { border-radius: 0; margin-bottom: 0; @@ -8004,6 +8009,149 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { padding: 0; } +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 1px; + min-height: 44px; + min-width: 44px; + background-clip: content-box; + border-radius: 100%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); +} + +themeselector checkbutton radio, +panelthemeselector checkbutton radio { + min-height: 16px; + min-width: 16px; + transform: translate(27px, 14px); + padding: 3px; +} + +themeselector checkbutton radio, themeselector checkbutton radio:hover, themeselector checkbutton radio:disabled, +panelthemeselector checkbutton radio, +panelthemeselector checkbutton radio:hover, +panelthemeselector checkbutton radio:disabled { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; +} + +themeselector checkbutton radio:checked, themeselector checkbutton radio:checked:hover, themeselector checkbutton radio:active, themeselector checkbutton radio:active:hover, +panelthemeselector checkbutton radio:checked, +panelthemeselector checkbutton radio:checked:hover, +panelthemeselector checkbutton radio:active, +panelthemeselector checkbutton radio:active:hover { + -gtk-icon-source: -gtk-icontheme("object-select-symbolic"); + background-image: image(#F0544C); + background-color: #F0544C; + color: #ffffff; +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #F0544C; +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 16px; + min-width: 16px; + background-color: #F0544C; + color: on(#F0544C); + padding: 2px; + border-radius: 100%; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); +} + +themeswitcher .check:hover { + background-color: #f4817b; + color: on(#F0544C); +} + +themeswitcher .check:active { + background-color: #F0544C; + color: on(#F0544C); +} + +themeswitcher checkbutton radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover { + outline-color: rgba(0, 0, 0, 0.15); + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; +} + +themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { + box-shadow: inset 0 0 0 2px #F0544C; +} + +themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { + background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); + background-color: transparent; +} + +themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { + color: rgba(0, 0, 0, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { + color: white; + background-image: image(#242424); + background-color: transparent; +} + +floating-sheet > dimming { + background-color: rgba(0, 0, 0, 0.35); +} + +floating-sheet > sheet { + border-radius: 3px; + outline: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15), 0 5px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15); +} + #NautilusPathBar > menubutton > button, #NautilusPathBar #NautilusPathButton, .nautilus-window headerbar splitbutton > button, .nautilus-window headerbar splitbutton > menubutton > button { border-radius: 2px; diff --git a/src/gtk/gtk-4.0/gtk-azul.css b/src/gtk/gtk-4.0/gtk-azul.css index 75fad55c..4cc29b12 100644 --- a/src/gtk/gtk-4.0/gtk-azul.css +++ b/src/gtk/gtk-4.0/gtk-azul.css @@ -2585,6 +2585,7 @@ headerbar popover > contents button:disabled:active label, headerbar popover > c headerbar { min-height: 42px; padding: 0; + margin: 0; color: #c6cbcf; border: none; background-color: #1b1d24; @@ -7146,6 +7147,10 @@ tabbar .box { min-height: 28px; } +tabbar tabbox { + padding: 0; +} + tabbar tabbox > tabboxchild { border-radius: 0; margin-bottom: 0; @@ -8004,6 +8009,149 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { padding: 0; } +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 1px; + min-height: 44px; + min-width: 44px; + background-clip: content-box; + border-radius: 100%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); +} + +themeselector checkbutton radio, +panelthemeselector checkbutton radio { + min-height: 16px; + min-width: 16px; + transform: translate(27px, 14px); + padding: 3px; +} + +themeselector checkbutton radio, themeselector checkbutton radio:hover, themeselector checkbutton radio:disabled, +panelthemeselector checkbutton radio, +panelthemeselector checkbutton radio:hover, +panelthemeselector checkbutton radio:disabled { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; +} + +themeselector checkbutton radio:checked, themeselector checkbutton radio:checked:hover, themeselector checkbutton radio:active, themeselector checkbutton radio:active:hover, +panelthemeselector checkbutton radio:checked, +panelthemeselector checkbutton radio:checked:hover, +panelthemeselector checkbutton radio:active, +panelthemeselector checkbutton radio:active:hover { + -gtk-icon-source: -gtk-icontheme("object-select-symbolic"); + background-image: image(#3498db); + background-color: #3498db; + color: #ffffff; +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #3498db; +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 16px; + min-width: 16px; + background-color: #3498db; + color: on(#3498db); + padding: 2px; + border-radius: 100%; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); +} + +themeswitcher .check:hover { + background-color: #5faee3; + color: on(#3498db); +} + +themeswitcher .check:active { + background-color: #3498db; + color: on(#3498db); +} + +themeswitcher checkbutton radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover { + outline-color: rgba(0, 0, 0, 0.15); + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; +} + +themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { + box-shadow: inset 0 0 0 2px #3498db; +} + +themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { + background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); + background-color: transparent; +} + +themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { + color: rgba(0, 0, 0, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { + color: white; + background-image: image(#242424); + background-color: transparent; +} + +floating-sheet > dimming { + background-color: rgba(0, 0, 0, 0.35); +} + +floating-sheet > sheet { + border-radius: 3px; + outline: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15), 0 5px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15); +} + #NautilusPathBar > menubutton > button, #NautilusPathBar #NautilusPathButton, .nautilus-window headerbar splitbutton > button, .nautilus-window headerbar splitbutton > menubutton > button { border-radius: 2px; diff --git a/src/gtk/gtk-4.0/gtk-dark-aliz.css b/src/gtk/gtk-4.0/gtk-dark-aliz.css index eeddb3c2..d4be931c 100644 --- a/src/gtk/gtk-4.0/gtk-dark-aliz.css +++ b/src/gtk/gtk-4.0/gtk-dark-aliz.css @@ -2585,6 +2585,7 @@ headerbar popover > contents button:disabled:active label, headerbar popover > c headerbar { min-height: 42px; padding: 0; + margin: 0; color: #d0c8c8; border: none; background-color: #1a1a1a; @@ -7146,6 +7147,10 @@ tabbar .box { min-height: 28px; } +tabbar tabbox { + padding: 0; +} + tabbar tabbox > tabboxchild { border-radius: 0; margin-bottom: 0; @@ -7885,6 +7890,149 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { padding: 0; } +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 1px; + min-height: 44px; + min-width: 44px; + background-clip: content-box; + border-radius: 100%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +themeselector checkbutton radio, +panelthemeselector checkbutton radio { + min-height: 16px; + min-width: 16px; + transform: translate(27px, 14px); + padding: 3px; +} + +themeselector checkbutton radio, themeselector checkbutton radio:hover, themeselector checkbutton radio:disabled, +panelthemeselector checkbutton radio, +panelthemeselector checkbutton radio:hover, +panelthemeselector checkbutton radio:disabled { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; +} + +themeselector checkbutton radio:checked, themeselector checkbutton radio:checked:hover, themeselector checkbutton radio:active, themeselector checkbutton radio:active:hover, +panelthemeselector checkbutton radio:checked, +panelthemeselector checkbutton radio:checked:hover, +panelthemeselector checkbutton radio:active, +panelthemeselector checkbutton radio:active:hover { + -gtk-icon-source: -gtk-icontheme("object-select-symbolic"); + background-image: image(#F0544C); + background-color: #F0544C; + color: #ffffff; +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #F0544C; +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 16px; + min-width: 16px; + background-color: #F0544C; + color: on(#F0544C); + padding: 2px; + border-radius: 100%; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); +} + +themeswitcher .check:hover { + background-color: #f4817b; + color: on(#F0544C); +} + +themeswitcher .check:active { + background-color: #F0544C; + color: on(#F0544C); +} + +themeswitcher checkbutton radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover { + outline-color: rgba(0, 0, 0, 0.25); + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; +} + +themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { + box-shadow: inset 0 0 0 2px #F0544C; +} + +themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { + background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); + background-color: transparent; +} + +themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { + color: rgba(0, 0, 0, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { + color: white; + background-image: image(#242424); + background-color: transparent; +} + +floating-sheet > dimming { + background-color: rgba(0, 0, 0, 0.35); +} + +floating-sheet > sheet { + border-radius: 3px; + outline: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 12px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); +} + #NautilusPathBar > menubutton > button, #NautilusPathBar #NautilusPathButton, .nautilus-window headerbar splitbutton > button, .nautilus-window headerbar splitbutton > menubutton > button { border-radius: 2px; diff --git a/src/gtk/gtk-4.0/gtk-dark-azul.css b/src/gtk/gtk-4.0/gtk-dark-azul.css index a216f4f4..c6d6afd1 100644 --- a/src/gtk/gtk-4.0/gtk-dark-azul.css +++ b/src/gtk/gtk-4.0/gtk-dark-azul.css @@ -2585,6 +2585,7 @@ headerbar popover > contents button:disabled:active label, headerbar popover > c headerbar { min-height: 42px; padding: 0; + margin: 0; color: #c6cbcf; border: none; background-color: #14161b; @@ -7146,6 +7147,10 @@ tabbar .box { min-height: 28px; } +tabbar tabbox { + padding: 0; +} + tabbar tabbox > tabboxchild { border-radius: 0; margin-bottom: 0; @@ -7885,6 +7890,149 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { padding: 0; } +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 1px; + min-height: 44px; + min-width: 44px; + background-clip: content-box; + border-radius: 100%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +themeselector checkbutton radio, +panelthemeselector checkbutton radio { + min-height: 16px; + min-width: 16px; + transform: translate(27px, 14px); + padding: 3px; +} + +themeselector checkbutton radio, themeselector checkbutton radio:hover, themeselector checkbutton radio:disabled, +panelthemeselector checkbutton radio, +panelthemeselector checkbutton radio:hover, +panelthemeselector checkbutton radio:disabled { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; +} + +themeselector checkbutton radio:checked, themeselector checkbutton radio:checked:hover, themeselector checkbutton radio:active, themeselector checkbutton radio:active:hover, +panelthemeselector checkbutton radio:checked, +panelthemeselector checkbutton radio:checked:hover, +panelthemeselector checkbutton radio:active, +panelthemeselector checkbutton radio:active:hover { + -gtk-icon-source: -gtk-icontheme("object-select-symbolic"); + background-image: image(#3498db); + background-color: #3498db; + color: #ffffff; +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #3498db; +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 16px; + min-width: 16px; + background-color: #3498db; + color: on(#3498db); + padding: 2px; + border-radius: 100%; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); +} + +themeswitcher .check:hover { + background-color: #5faee3; + color: on(#3498db); +} + +themeswitcher .check:active { + background-color: #3498db; + color: on(#3498db); +} + +themeswitcher checkbutton radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover { + outline-color: rgba(0, 0, 0, 0.25); + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; +} + +themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { + box-shadow: inset 0 0 0 2px #3498db; +} + +themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { + background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); + background-color: transparent; +} + +themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { + color: rgba(0, 0, 0, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { + color: white; + background-image: image(#242424); + background-color: transparent; +} + +floating-sheet > dimming { + background-color: rgba(0, 0, 0, 0.35); +} + +floating-sheet > sheet { + border-radius: 3px; + outline: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 12px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); +} + #NautilusPathBar > menubutton > button, #NautilusPathBar #NautilusPathButton, .nautilus-window headerbar splitbutton > button, .nautilus-window headerbar splitbutton > menubutton > button { border-radius: 2px; diff --git a/src/gtk/gtk-4.0/gtk-dark-pueril.css b/src/gtk/gtk-4.0/gtk-dark-pueril.css index 5a7544ce..76bd5f4a 100644 --- a/src/gtk/gtk-4.0/gtk-dark-pueril.css +++ b/src/gtk/gtk-4.0/gtk-dark-pueril.css @@ -2585,6 +2585,7 @@ headerbar popover > contents button:disabled:active label, headerbar popover > c headerbar { min-height: 42px; padding: 0; + margin: 0; color: #cbcdc9; border: none; background-color: #1a1a1a; @@ -7146,6 +7147,10 @@ tabbar .box { min-height: 28px; } +tabbar tabbox { + padding: 0; +} + tabbar tabbox > tabboxchild { border-radius: 0; margin-bottom: 0; @@ -7885,6 +7890,149 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { padding: 0; } +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 1px; + min-height: 44px; + min-width: 44px; + background-clip: content-box; + border-radius: 100%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +themeselector checkbutton radio, +panelthemeselector checkbutton radio { + min-height: 16px; + min-width: 16px; + transform: translate(27px, 14px); + padding: 3px; +} + +themeselector checkbutton radio, themeselector checkbutton radio:hover, themeselector checkbutton radio:disabled, +panelthemeselector checkbutton radio, +panelthemeselector checkbutton radio:hover, +panelthemeselector checkbutton radio:disabled { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; +} + +themeselector checkbutton radio:checked, themeselector checkbutton radio:checked:hover, themeselector checkbutton radio:active, themeselector checkbutton radio:active:hover, +panelthemeselector checkbutton radio:checked, +panelthemeselector checkbutton radio:checked:hover, +panelthemeselector checkbutton radio:active, +panelthemeselector checkbutton radio:active:hover { + -gtk-icon-source: -gtk-icontheme("object-select-symbolic"); + background-image: image(#97BB72); + background-color: #97BB72; + color: #ffffff; +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #97BB72; +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 16px; + min-width: 16px; + background-color: #97BB72; + color: on(#97BB72); + padding: 2px; + border-radius: 100%; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); +} + +themeswitcher .check:hover { + background-color: #b0cc94; + color: on(#97BB72); +} + +themeswitcher .check:active { + background-color: #97BB72; + color: on(#97BB72); +} + +themeswitcher checkbutton radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover { + outline-color: rgba(0, 0, 0, 0.25); + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; +} + +themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { + box-shadow: inset 0 0 0 2px #97BB72; +} + +themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { + background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); + background-color: transparent; +} + +themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { + color: rgba(0, 0, 0, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { + color: white; + background-image: image(#242424); + background-color: transparent; +} + +floating-sheet > dimming { + background-color: rgba(0, 0, 0, 0.35); +} + +floating-sheet > sheet { + border-radius: 3px; + outline: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 12px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); +} + #NautilusPathBar > menubutton > button, #NautilusPathBar #NautilusPathButton, .nautilus-window headerbar splitbutton > button, .nautilus-window headerbar splitbutton > menubutton > button { border-radius: 2px; diff --git a/src/gtk/gtk-4.0/gtk-dark-sea.css b/src/gtk/gtk-4.0/gtk-dark-sea.css index 5ebbdb54..05e86ece 100644 --- a/src/gtk/gtk-4.0/gtk-dark-sea.css +++ b/src/gtk/gtk-4.0/gtk-dark-sea.css @@ -2585,6 +2585,7 @@ headerbar popover > contents button:disabled:active label, headerbar popover > c headerbar { min-height: 42px; padding: 0; + margin: 0; color: #c6cdcb; border: none; background-color: #141a1b; @@ -7146,6 +7147,10 @@ tabbar .box { min-height: 28px; } +tabbar tabbox { + padding: 0; +} + tabbar tabbox > tabboxchild { border-radius: 0; margin-bottom: 0; @@ -7885,6 +7890,149 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { padding: 0; } +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 1px; + min-height: 44px; + min-width: 44px; + background-clip: content-box; + border-radius: 100%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +themeselector checkbutton radio, +panelthemeselector checkbutton radio { + min-height: 16px; + min-width: 16px; + transform: translate(27px, 14px); + padding: 3px; +} + +themeselector checkbutton radio, themeselector checkbutton radio:hover, themeselector checkbutton radio:disabled, +panelthemeselector checkbutton radio, +panelthemeselector checkbutton radio:hover, +panelthemeselector checkbutton radio:disabled { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; +} + +themeselector checkbutton radio:checked, themeselector checkbutton radio:checked:hover, themeselector checkbutton radio:active, themeselector checkbutton radio:active:hover, +panelthemeselector checkbutton radio:checked, +panelthemeselector checkbutton radio:checked:hover, +panelthemeselector checkbutton radio:active, +panelthemeselector checkbutton radio:active:hover { + -gtk-icon-source: -gtk-icontheme("object-select-symbolic"); + background-image: image(#2eb398); + background-color: #2eb398; + color: #ffffff; +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #2eb398; +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 16px; + min-width: 16px; + background-color: #2eb398; + color: on(#2eb398); + padding: 2px; + border-radius: 100%; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); +} + +themeswitcher .check:hover { + background-color: #45cfb3; + color: on(#2eb398); +} + +themeswitcher .check:active { + background-color: #2eb398; + color: on(#2eb398); +} + +themeswitcher checkbutton radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover { + outline-color: rgba(0, 0, 0, 0.25); + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; +} + +themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { + box-shadow: inset 0 0 0 2px #2eb398; +} + +themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { + background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); + background-color: transparent; +} + +themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { + color: rgba(0, 0, 0, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { + color: white; + background-image: image(#242424); + background-color: transparent; +} + +floating-sheet > dimming { + background-color: rgba(0, 0, 0, 0.35); +} + +floating-sheet > sheet { + border-radius: 3px; + outline: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 12px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); +} + #NautilusPathBar > menubutton > button, #NautilusPathBar #NautilusPathButton, .nautilus-window headerbar splitbutton > button, .nautilus-window headerbar splitbutton > menubutton > button { border-radius: 2px; diff --git a/src/gtk/gtk-4.0/gtk-light-aliz.css b/src/gtk/gtk-4.0/gtk-light-aliz.css index 486ebc43..98ed3e49 100644 --- a/src/gtk/gtk-4.0/gtk-light-aliz.css +++ b/src/gtk/gtk-4.0/gtk-light-aliz.css @@ -2582,6 +2582,7 @@ headerbar popover > contents button:disabled:active label, headerbar popover > c headerbar { min-height: 42px; padding: 0; + margin: 0; color: #323232; border: none; background-color: #f2f2f2; @@ -7145,6 +7146,10 @@ tabbar .box { min-height: 28px; } +tabbar tabbox { + padding: 0; +} + tabbar tabbox > tabboxchild { border-radius: 0; margin-bottom: 0; @@ -7884,6 +7889,149 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { padding: 0; } +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 1px; + min-height: 44px; + min-width: 44px; + background-clip: content-box; + border-radius: 100%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); +} + +themeselector checkbutton radio, +panelthemeselector checkbutton radio { + min-height: 16px; + min-width: 16px; + transform: translate(27px, 14px); + padding: 3px; +} + +themeselector checkbutton radio, themeselector checkbutton radio:hover, themeselector checkbutton radio:disabled, +panelthemeselector checkbutton radio, +panelthemeselector checkbutton radio:hover, +panelthemeselector checkbutton radio:disabled { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; +} + +themeselector checkbutton radio:checked, themeselector checkbutton radio:checked:hover, themeselector checkbutton radio:active, themeselector checkbutton radio:active:hover, +panelthemeselector checkbutton radio:checked, +panelthemeselector checkbutton radio:checked:hover, +panelthemeselector checkbutton radio:active, +panelthemeselector checkbutton radio:active:hover { + -gtk-icon-source: -gtk-icontheme("object-select-symbolic"); + background-image: image(#F0544C); + background-color: #F0544C; + color: #ffffff; +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #F0544C; +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 16px; + min-width: 16px; + background-color: #F0544C; + color: on(#F0544C); + padding: 2px; + border-radius: 100%; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); +} + +themeswitcher .check:hover { + background-color: #f4817b; + color: on(#F0544C); +} + +themeswitcher .check:active { + background-color: #F0544C; + color: on(#F0544C); +} + +themeswitcher checkbutton radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover { + outline-color: rgba(0, 0, 0, 0.15); + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; +} + +themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { + box-shadow: inset 0 0 0 2px #F0544C; +} + +themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { + background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); + background-color: transparent; +} + +themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { + color: rgba(0, 0, 0, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { + color: white; + background-image: image(#242424); + background-color: transparent; +} + +floating-sheet > dimming { + background-color: rgba(0, 0, 0, 0.35); +} + +floating-sheet > sheet { + border-radius: 3px; + outline: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15), 0 5px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15); +} + #NautilusPathBar > menubutton > button, #NautilusPathBar #NautilusPathButton, .nautilus-window headerbar splitbutton > button, .nautilus-window headerbar splitbutton > menubutton > button { border-radius: 2px; diff --git a/src/gtk/gtk-4.0/gtk-light-azul.css b/src/gtk/gtk-4.0/gtk-light-azul.css index 4c57c1c4..f10074c5 100644 --- a/src/gtk/gtk-4.0/gtk-light-azul.css +++ b/src/gtk/gtk-4.0/gtk-light-azul.css @@ -2582,6 +2582,7 @@ headerbar popover > contents button:disabled:active label, headerbar popover > c headerbar { min-height: 42px; padding: 0; + margin: 0; color: #2b2f3b; border: none; background-color: #f2f2f2; @@ -7145,6 +7146,10 @@ tabbar .box { min-height: 28px; } +tabbar tabbox { + padding: 0; +} + tabbar tabbox > tabboxchild { border-radius: 0; margin-bottom: 0; @@ -7884,6 +7889,149 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { padding: 0; } +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 1px; + min-height: 44px; + min-width: 44px; + background-clip: content-box; + border-radius: 100%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); +} + +themeselector checkbutton radio, +panelthemeselector checkbutton radio { + min-height: 16px; + min-width: 16px; + transform: translate(27px, 14px); + padding: 3px; +} + +themeselector checkbutton radio, themeselector checkbutton radio:hover, themeselector checkbutton radio:disabled, +panelthemeselector checkbutton radio, +panelthemeselector checkbutton radio:hover, +panelthemeselector checkbutton radio:disabled { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; +} + +themeselector checkbutton radio:checked, themeselector checkbutton radio:checked:hover, themeselector checkbutton radio:active, themeselector checkbutton radio:active:hover, +panelthemeselector checkbutton radio:checked, +panelthemeselector checkbutton radio:checked:hover, +panelthemeselector checkbutton radio:active, +panelthemeselector checkbutton radio:active:hover { + -gtk-icon-source: -gtk-icontheme("object-select-symbolic"); + background-image: image(#3498db); + background-color: #3498db; + color: #ffffff; +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #3498db; +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 16px; + min-width: 16px; + background-color: #3498db; + color: on(#3498db); + padding: 2px; + border-radius: 100%; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); +} + +themeswitcher .check:hover { + background-color: #5faee3; + color: on(#3498db); +} + +themeswitcher .check:active { + background-color: #3498db; + color: on(#3498db); +} + +themeswitcher checkbutton radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover { + outline-color: rgba(0, 0, 0, 0.15); + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; +} + +themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { + box-shadow: inset 0 0 0 2px #3498db; +} + +themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { + background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); + background-color: transparent; +} + +themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { + color: rgba(0, 0, 0, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { + color: white; + background-image: image(#242424); + background-color: transparent; +} + +floating-sheet > dimming { + background-color: rgba(0, 0, 0, 0.35); +} + +floating-sheet > sheet { + border-radius: 3px; + outline: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15), 0 5px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15); +} + #NautilusPathBar > menubutton > button, #NautilusPathBar #NautilusPathButton, .nautilus-window headerbar splitbutton > button, .nautilus-window headerbar splitbutton > menubutton > button { border-radius: 2px; diff --git a/src/gtk/gtk-4.0/gtk-light-pueril.css b/src/gtk/gtk-4.0/gtk-light-pueril.css index 20827726..9252f164 100644 --- a/src/gtk/gtk-4.0/gtk-light-pueril.css +++ b/src/gtk/gtk-4.0/gtk-light-pueril.css @@ -2582,6 +2582,7 @@ headerbar popover > contents button:disabled:active label, headerbar popover > c headerbar { min-height: 42px; padding: 0; + margin: 0; color: #323232; border: none; background-color: #f2f2f2; @@ -7145,6 +7146,10 @@ tabbar .box { min-height: 28px; } +tabbar tabbox { + padding: 0; +} + tabbar tabbox > tabboxchild { border-radius: 0; margin-bottom: 0; @@ -7884,6 +7889,149 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { padding: 0; } +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 1px; + min-height: 44px; + min-width: 44px; + background-clip: content-box; + border-radius: 100%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); +} + +themeselector checkbutton radio, +panelthemeselector checkbutton radio { + min-height: 16px; + min-width: 16px; + transform: translate(27px, 14px); + padding: 3px; +} + +themeselector checkbutton radio, themeselector checkbutton radio:hover, themeselector checkbutton radio:disabled, +panelthemeselector checkbutton radio, +panelthemeselector checkbutton radio:hover, +panelthemeselector checkbutton radio:disabled { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; +} + +themeselector checkbutton radio:checked, themeselector checkbutton radio:checked:hover, themeselector checkbutton radio:active, themeselector checkbutton radio:active:hover, +panelthemeselector checkbutton radio:checked, +panelthemeselector checkbutton radio:checked:hover, +panelthemeselector checkbutton radio:active, +panelthemeselector checkbutton radio:active:hover { + -gtk-icon-source: -gtk-icontheme("object-select-symbolic"); + background-image: image(#97BB72); + background-color: #97BB72; + color: #ffffff; +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #97BB72; +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 16px; + min-width: 16px; + background-color: #97BB72; + color: on(#97BB72); + padding: 2px; + border-radius: 100%; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); +} + +themeswitcher .check:hover { + background-color: #b0cc94; + color: on(#97BB72); +} + +themeswitcher .check:active { + background-color: #97BB72; + color: on(#97BB72); +} + +themeswitcher checkbutton radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover { + outline-color: rgba(0, 0, 0, 0.15); + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; +} + +themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { + box-shadow: inset 0 0 0 2px #97BB72; +} + +themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { + background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); + background-color: transparent; +} + +themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { + color: rgba(0, 0, 0, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { + color: white; + background-image: image(#242424); + background-color: transparent; +} + +floating-sheet > dimming { + background-color: rgba(0, 0, 0, 0.35); +} + +floating-sheet > sheet { + border-radius: 3px; + outline: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15), 0 5px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15); +} + #NautilusPathBar > menubutton > button, #NautilusPathBar #NautilusPathButton, .nautilus-window headerbar splitbutton > button, .nautilus-window headerbar splitbutton > menubutton > button { border-radius: 2px; diff --git a/src/gtk/gtk-4.0/gtk-light-sea.css b/src/gtk/gtk-4.0/gtk-light-sea.css index 305893e5..f106a644 100644 --- a/src/gtk/gtk-4.0/gtk-light-sea.css +++ b/src/gtk/gtk-4.0/gtk-light-sea.css @@ -2582,6 +2582,7 @@ headerbar popover > contents button:disabled:active label, headerbar popover > c headerbar { min-height: 42px; padding: 0; + margin: 0; color: #273134; border: none; background-color: #f2f2f2; @@ -7145,6 +7146,10 @@ tabbar .box { min-height: 28px; } +tabbar tabbox { + padding: 0; +} + tabbar tabbox > tabboxchild { border-radius: 0; margin-bottom: 0; @@ -7884,6 +7889,149 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { padding: 0; } +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 1px; + min-height: 44px; + min-width: 44px; + background-clip: content-box; + border-radius: 100%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); +} + +themeselector checkbutton radio, +panelthemeselector checkbutton radio { + min-height: 16px; + min-width: 16px; + transform: translate(27px, 14px); + padding: 3px; +} + +themeselector checkbutton radio, themeselector checkbutton radio:hover, themeselector checkbutton radio:disabled, +panelthemeselector checkbutton radio, +panelthemeselector checkbutton radio:hover, +panelthemeselector checkbutton radio:disabled { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; +} + +themeselector checkbutton radio:checked, themeselector checkbutton radio:checked:hover, themeselector checkbutton radio:active, themeselector checkbutton radio:active:hover, +panelthemeselector checkbutton radio:checked, +panelthemeselector checkbutton radio:checked:hover, +panelthemeselector checkbutton radio:active, +panelthemeselector checkbutton radio:active:hover { + -gtk-icon-source: -gtk-icontheme("object-select-symbolic"); + background-image: image(#2eb398); + background-color: #2eb398; + color: #ffffff; +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #2eb398; +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 16px; + min-width: 16px; + background-color: #2eb398; + color: on(#2eb398); + padding: 2px; + border-radius: 100%; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); +} + +themeswitcher .check:hover { + background-color: #45cfb3; + color: on(#2eb398); +} + +themeswitcher .check:active { + background-color: #2eb398; + color: on(#2eb398); +} + +themeswitcher checkbutton radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover { + outline-color: rgba(0, 0, 0, 0.15); + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; +} + +themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { + box-shadow: inset 0 0 0 2px #2eb398; +} + +themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { + background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); + background-color: transparent; +} + +themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { + color: rgba(0, 0, 0, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { + color: white; + background-image: image(#242424); + background-color: transparent; +} + +floating-sheet > dimming { + background-color: rgba(0, 0, 0, 0.35); +} + +floating-sheet > sheet { + border-radius: 3px; + outline: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15), 0 5px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15); +} + #NautilusPathBar > menubutton > button, #NautilusPathBar #NautilusPathButton, .nautilus-window headerbar splitbutton > button, .nautilus-window headerbar splitbutton > menubutton > button { border-radius: 2px; diff --git a/src/gtk/gtk-4.0/gtk-pueril.css b/src/gtk/gtk-4.0/gtk-pueril.css index b9067947..21a07eaf 100644 --- a/src/gtk/gtk-4.0/gtk-pueril.css +++ b/src/gtk/gtk-4.0/gtk-pueril.css @@ -2585,6 +2585,7 @@ headerbar popover > contents button:disabled:active label, headerbar popover > c headerbar { min-height: 42px; padding: 0; + margin: 0; color: #cbcdc9; border: none; background-color: #222222; @@ -7146,6 +7147,10 @@ tabbar .box { min-height: 28px; } +tabbar tabbox { + padding: 0; +} + tabbar tabbox > tabboxchild { border-radius: 0; margin-bottom: 0; @@ -8004,6 +8009,149 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { padding: 0; } +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 1px; + min-height: 44px; + min-width: 44px; + background-clip: content-box; + border-radius: 100%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); +} + +themeselector checkbutton radio, +panelthemeselector checkbutton radio { + min-height: 16px; + min-width: 16px; + transform: translate(27px, 14px); + padding: 3px; +} + +themeselector checkbutton radio, themeselector checkbutton radio:hover, themeselector checkbutton radio:disabled, +panelthemeselector checkbutton radio, +panelthemeselector checkbutton radio:hover, +panelthemeselector checkbutton radio:disabled { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; +} + +themeselector checkbutton radio:checked, themeselector checkbutton radio:checked:hover, themeselector checkbutton radio:active, themeselector checkbutton radio:active:hover, +panelthemeselector checkbutton radio:checked, +panelthemeselector checkbutton radio:checked:hover, +panelthemeselector checkbutton radio:active, +panelthemeselector checkbutton radio:active:hover { + -gtk-icon-source: -gtk-icontheme("object-select-symbolic"); + background-image: image(#97BB72); + background-color: #97BB72; + color: #ffffff; +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #97BB72; +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 16px; + min-width: 16px; + background-color: #97BB72; + color: on(#97BB72); + padding: 2px; + border-radius: 100%; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); +} + +themeswitcher .check:hover { + background-color: #b0cc94; + color: on(#97BB72); +} + +themeswitcher .check:active { + background-color: #97BB72; + color: on(#97BB72); +} + +themeswitcher checkbutton radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover { + outline-color: rgba(0, 0, 0, 0.15); + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; +} + +themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { + box-shadow: inset 0 0 0 2px #97BB72; +} + +themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { + background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); + background-color: transparent; +} + +themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { + color: rgba(0, 0, 0, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { + color: white; + background-image: image(#242424); + background-color: transparent; +} + +floating-sheet > dimming { + background-color: rgba(0, 0, 0, 0.35); +} + +floating-sheet > sheet { + border-radius: 3px; + outline: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15), 0 5px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15); +} + #NautilusPathBar > menubutton > button, #NautilusPathBar #NautilusPathButton, .nautilus-window headerbar splitbutton > button, .nautilus-window headerbar splitbutton > menubutton > button { border-radius: 2px; diff --git a/src/gtk/gtk-4.0/gtk-sea.css b/src/gtk/gtk-4.0/gtk-sea.css index 41e91a37..7d975625 100644 --- a/src/gtk/gtk-4.0/gtk-sea.css +++ b/src/gtk/gtk-4.0/gtk-sea.css @@ -2585,6 +2585,7 @@ headerbar popover > contents button:disabled:active label, headerbar popover > c headerbar { min-height: 42px; padding: 0; + margin: 0; color: #c6cdcb; border: none; background-color: #1b2224; @@ -7146,6 +7147,10 @@ tabbar .box { min-height: 28px; } +tabbar tabbox { + padding: 0; +} + tabbar tabbox > tabboxchild { border-radius: 0; margin-bottom: 0; @@ -8004,6 +8009,149 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { padding: 0; } +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 1px; + min-height: 44px; + min-width: 44px; + background-clip: content-box; + border-radius: 100%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); +} + +themeselector checkbutton radio, +panelthemeselector checkbutton radio { + min-height: 16px; + min-width: 16px; + transform: translate(27px, 14px); + padding: 3px; +} + +themeselector checkbutton radio, themeselector checkbutton radio:hover, themeselector checkbutton radio:disabled, +panelthemeselector checkbutton radio, +panelthemeselector checkbutton radio:hover, +panelthemeselector checkbutton radio:disabled { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; +} + +themeselector checkbutton radio:checked, themeselector checkbutton radio:checked:hover, themeselector checkbutton radio:active, themeselector checkbutton radio:active:hover, +panelthemeselector checkbutton radio:checked, +panelthemeselector checkbutton radio:checked:hover, +panelthemeselector checkbutton radio:active, +panelthemeselector checkbutton radio:active:hover { + -gtk-icon-source: -gtk-icontheme("object-select-symbolic"); + background-image: image(#2eb398); + background-color: #2eb398; + color: #ffffff; +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #2eb398; +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 16px; + min-width: 16px; + background-color: #2eb398; + color: on(#2eb398); + padding: 2px; + border-radius: 100%; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); +} + +themeswitcher .check:hover { + background-color: #45cfb3; + color: on(#2eb398); +} + +themeswitcher .check:active { + background-color: #2eb398; + color: on(#2eb398); +} + +themeswitcher checkbutton radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover { + outline-color: rgba(0, 0, 0, 0.15); + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; +} + +themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { + box-shadow: inset 0 0 0 2px #2eb398; +} + +themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { + background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); + background-color: transparent; +} + +themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { + color: rgba(0, 0, 0, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { + color: white; + background-image: image(#242424); + background-color: transparent; +} + +floating-sheet > dimming { + background-color: rgba(0, 0, 0, 0.35); +} + +floating-sheet > sheet { + border-radius: 3px; + outline: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15), 0 5px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15); +} + #NautilusPathBar > menubutton > button, #NautilusPathBar #NautilusPathButton, .nautilus-window headerbar splitbutton > button, .nautilus-window headerbar splitbutton > menubutton > button { border-radius: 2px; diff --git a/src/gtk/sass/_common-4.0.scss b/src/gtk/sass/_common-4.0.scss index e41937d6..5e2616b4 100644 --- a/src/gtk/sass/_common-4.0.scss +++ b/src/gtk/sass/_common-4.0.scss @@ -1720,6 +1720,7 @@ $_header_radius: if($variant=='light', 2px, 2px); headerbar { min-height: 42px; padding: 0; + margin: 0; color: $header_fg; border: none; background-color: $header_bg; diff --git a/src/gtk/sass/_libadwaita.scss b/src/gtk/sass/_libadwaita.scss index b7526750..db7d7a4f 100644 --- a/src/gtk/sass/_libadwaita.scss +++ b/src/gtk/sass/_libadwaita.scss @@ -918,6 +918,8 @@ tabbar { } tabbox { + padding: 0; + > tabboxchild { @include focus-ring(); @@ -1518,3 +1520,153 @@ $sidebar_pane_bg_backdrop: if($header == 'dark' and $variant == 'light', $header padding: 0; } } + +themeselector, // EditorThemeSelector +panelthemeselector { // BuilderThemeSelector + margin: 9px; + + checkbutton { + padding: 1px; + min-height: 44px; + min-width: 44px; + background-clip: content-box; + border-radius: 100%; + box-shadow: inset 0 0 0 1px $borders_color; + + radio { + min-height: 16px; + min-width: 16px; + transform: translate(27px, 14px); + padding: 3px; + + &, &:hover, &:disabled { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; + } + + &:checked, &:checked:hover, &:active, &:active:hover { + -gtk-icon-source: -gtk-icontheme("object-select-symbolic"); + background-image: image($selected_bg_color); + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + &.follow:checked, + &.light:checked, + &.dark:checked { + box-shadow: inset 0 0 0 2px $selected_bg_color; + } + + &.light { + background-color: #ffffff; + } + + &.dark { + background-color: #202020; + } + + &.follow { + background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%); + } + } +} + +// Gnome Console themeswitcher +themeswitcher { + padding: 6px; + + .check { + min-height: 16px; + min-width: 16px; + background-color: $selected_bg_color; + color: on($selected_bg_color); + padding: 2px; + border-radius: 100%; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), + -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); + + &:hover { + background-color: lighten($selected_bg_color, 10%); + color: on($selected_bg_color); + } + + &:active { + background-color: $selected_bg_color; + color: on($selected_bg_color); + } + } + + checkbutton { + radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; + + &, &:active, &:hover { + outline-color: $borders_color; + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; + } + + &, &:hover, &:active, &:checked, &:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; + } + } + + radio:checked, radio:active { + &, &:hover { + box-shadow: inset 0 0 0 2px $selected_bg_color; + } + } + + &.system radio { + &, &:hover, &:active, &:checked, &:checked:hover { + background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); + background-color: transparent; + } + } + + &.light radio { + &, &:hover, &:active, &:checked, &:checked:hover { + color: rgba(black, 0.8); + background-color: white; + } + } + + &.dark radio { + &, &:hover, &:active, &:checked, &:checked:hover { + color: white; + background-image: image(#242424); + background-color: transparent; + } + } + } +} + +// +// Floating Sheet +// + +floating-sheet { + > dimming { + background-color: rgba(black, 0.35); + } + + > sheet { + border-radius: 3px; + outline: none; + box-shadow: 0 3px 5px if($variant == 'light', rgba(black, 0.15), rgba(black, 0.2)), + 0 5px 12px if($variant == 'light', rgba(black, 0.15), rgba(black, 0.2)), + 0 0 0 1px $_wm_border; + } +}