Theme the screen share picker
This commit is contained in:
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;
|
||||||
|
}
|
||||||
Reference in new issue
Block a user