Theme the screen share picker

This commit is contained in:
SirBlob committed 2026-10-04 02:21:12 -04:00
1 parent 8d3cfff03a
commit f91531658c
2 files changed
+46 -10

No files matched your search

@@ -0,0 +1,2 @@
stylesheets:
- ../../.local/state/blob/current/theme/hyprland-preview-share-picker.css
@@ -10,14 +10,14 @@
* { * {
all: unset; all: unset;
font-family: JetBrains Mono NF; font-family: monospace;
color: @foreground; color: @foreground;
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 16px;
} }
.window { .window {
background: alpha(@background, 0.95); background: @background;
border: solid 2px @accent; border: solid 2px @accent;
margin: 4px; margin: 4px;
padding: 18px; padding: 18px;
@@ -32,12 +32,11 @@ tabs > tab {
} }
.tab-label { .tab-label {
color: @text; color: alpha(@text, 0.6);
transition: all 0.2s ease; transition: all 0.2s ease;
} }
tabs > tab:checked > .tab-label, tabs > tab:active > .tab-label { tabs > tab:checked > .tab-label, tabs > tab:active > .tab-label {
text-decoration: underline currentColor;
color: @selected_tab; color: @selected_tab;
} }
@@ -56,24 +55,24 @@ tabs > tab:focus > .tab-label {
flowboxchild > .card, button > .card { flowboxchild > .card, button > .card {
transition: all 0.2s ease; transition: all 0.2s ease;
border: solid 2px transparent; border: solid 2px alpha(@accent, 0.5);
border-color: @background; border-radius: 0;
border-radius: 5px; background-color: alpha(@card_bg, 0.6);
background-color: @card_bg;
padding: 5px; padding: 5px;
} }
flowboxchild:hover > .card, button:hover > .card, flowboxchild:active > .card, flowboxchild:selected > .card, button:active > .card, button:selected > .card, button:focus > .card { flowboxchild:hover > .card, button:hover > .card, flowboxchild:active > .card, flowboxchild:selected > .card, button:active > .card, button:selected > .card, button:focus > .card {
border: solid 2px @accent; border: solid 2px @accent;
background-color: @card_bg;
} }
.image { .image {
border-radius: 5px; border-radius: 0;
} }
.region-button { .region-button {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 5px; border-radius: 0;
background-color: @accent; background-color: @accent;
color: @text_dark; color: @text_dark;
transition: all 0.2s ease; transition: all 0.2s ease;
@@ -92,3 +91,38 @@ flowboxchild:hover > .card, button:hover > .card, flowboxchild:active > .card, f
background-color: @muted; background-color: @muted;
color: @background; color: @background;
} }
.restore-button {
padding: 0.35rem 0.75rem;
border: solid 2px alpha(@accent, 0.5);
background-color: alpha(@card_bg, 0.6);
transition: all 0.2s ease;
}
.restore-button:hover, .restore-button:focus {
border-color: @accent;
background-color: @card_bg;
}
.restore-button label {
font-size: 12px;
color: alpha(@text, 0.6);
margin-left: 0.5rem;
}
.restore-button:hover label, .restore-button:focus label {
color: @foreground;
}
.restore-button check {
min-width: 10px;
min-height: 10px;
border: solid 2px alpha(@accent, 0.5);
-gtk-icon-source: none;
transition: all 0.2s ease;
}
.restore-button check:checked {
border-color: @accent;
background-color: @accent;
}