causalhonk/dots
1
0
Fork 0
forked from nico/dots
Code Pull requests Activity

swaync: use matugen

Browse source
This commit is contained in:
Nico 2025-05-03 16:16:02 +10:00
parent 338adb8d25
commit 9658cdfc12
3 changed files with 46 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

5
stow/.config/matugen/config.toml
View file

@ -11,6 +11,11 @@ input_path = './templates/colors.css'
output_path = '~/.config/waybar/colors.css'
post_hook = 'pkill -SIGUSR2 waybar'
[templates.swaync]
input_path = './templates/colors.css'
output_path = '~/.config/swaync/colors.css'
post_hook = 'swaync-client --reload-css'
[templates.gtk3]
input_path = './templates/gtk-colors.css'
output_path = '~/.config/gtk-3.0/gtk.css'

1
stow/.config/swaync/.gitignore vendored Normal file
View file

@ -0,0 +1 @@
colors.css

84
stow/.config/swaync/style.css
View file

@ -17,11 +17,7 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.*/
@define-color yellow #e0af68;
@define-color background #1a1b26;
@define-color text #c0caf5;
@define-color blue #7aa2f7;
@define-color red #f7768e;
@import "colors.css";
* {
all: unset;
@ -31,7 +27,7 @@ SOFTWARE.*/
}
trough highlight {
background: @text;
background: @primary;
}
scale trough {
@ -42,7 +38,7 @@ scale trough {
}
slider {
background-color: @blue;
background-color: @yellow;
}
.floating-notifications.background .notification-row .notification-background {
@ -50,7 +46,7 @@ slider {
border-radius: 12.6px;
margin: 18px;
background-color: @background;
color: @text;
color: @primary;
padding: 0;
}
@ -60,7 +56,7 @@ slider {
}
.floating-notifications.background .notification-row .notification-background .notification.critical {
box-shadow: inset 0 0 7px 0 @red;
box-shadow: inset 0 0 7px 0 @error;
}
.floating-notifications.background .notification-row .notification-background .notification .notification-content {
@ -68,7 +64,7 @@ slider {
}
.floating-notifications.background .notification-row .notification-background .notification .notification-content .summary {
color: @text;
color: @primary;
}
.floating-notifications.background .notification-row .notification-background .notification .notification-content .time {
@ -76,7 +72,7 @@ slider {
}
.floating-notifications.background .notification-row .notification-background .notification .notification-content .body {
color: @text;
color: @primary;
}
.floating-notifications.background .notification-row .notification-background .notification>*:last-child>* {
@ -85,7 +81,7 @@ slider {
.floating-notifications.background .notification-row .notification-background .notification>*:last-child>* .notification-action {
border-radius: 7px;
color: @text;
color: @primary;
background-color: @background;
box-shadow: inset 0 0 0 1px @surface1;
margin: 7px;
@ -94,13 +90,13 @@ slider {
.floating-notifications.background .notification-row .notification-background .notification>*:last-child>* .notification-action:hover {
box-shadow: inset 0 0 0 1px @surface1;
background-color: @background;
color: @text;
color: @primary;
}
.floating-notifications.background .notification-row .notification-background .notification>*:last-child>* .notification-action:active {
box-shadow: inset 0 0 0 1px @surface1;
background-color: @red;
color: @text;
background-color: @error;
color: @primary;
}
.floating-notifications.background .notification-row .notification-background .close-button {
@ -108,7 +104,7 @@ slider {
padding: 2px;
border-radius: 6.3px;
color: @background;
background-color: @red;
background-color: @error;
}
.floating-notifications.background .notification-row .notification-background .close-button:hover {
@ -117,7 +113,7 @@ slider {
}
.floating-notifications.background .notification-row .notification-background .close-button:active {
background-color: @red;
background-color: @error;
color: @background;
}
@ -126,18 +122,18 @@ slider {
border-radius: 12.6px;
margin: 18px;
background-color: @background;
color: @text;
color: @primary;
padding: 14px;
}
.control-center .widget-title>label {
color: @text;
color: @primary;
font-size: 1.3em;
}
.control-center .widget-title button {
border-radius: 7px;
color: @text;
color: @primary;
background-color: @background;
box-shadow: inset 0 0 0 1px @surface1;
padding: 8px;
@ -146,19 +142,19 @@ slider {
.control-center .widget-title button:hover {
box-shadow: inset 0 0 0 1px @surface1;
background-color: @surface2;
color: @text;
color: @primary;
}
.control-center .widget-title button:active {
box-shadow: inset 0 0 0 1px @surface1;
background-color: @red;
background-color: @error;
color: @background;
}
.control-center .notification-row .notification-background {
border-radius: 7px;
color: @text;
background-color: @background;
color: @primary;
background-color: @primary_container;
box-shadow: inset 0 0 0 1px @surface1;
margin-top: 14px;
}
@ -169,7 +165,7 @@ slider {
}
.control-center .notification-row .notification-background .notification.critical {
box-shadow: inset 0 0 7px 0 @red;
box-shadow: inset 0 0 7px 0 @error;
}
.control-center .notification-row .notification-background .notification .notification-content {
@ -177,7 +173,7 @@ slider {
}
.control-center .notification-row .notification-background .notification .notification-content .summary {
color: @text;
color: @primary;
}
.control-center .notification-row .notification-background .notification .notification-content .time {
@ -185,7 +181,7 @@ slider {
}
.control-center .notification-row .notification-background .notification .notification-content .body {
color: @text;
color: @primary;
}
.control-center .notification-row .notification-background .notification>*:last-child>* {
@ -194,7 +190,7 @@ slider {
.control-center .notification-row .notification-background .notification>*:last-child>* .notification-action {
border-radius: 7px;
color: @text;
color: @primary;
background-color: @crust;
box-shadow: inset 0 0 0 1px @surface1;
margin: 7px;
@ -203,13 +199,13 @@ slider {
.control-center .notification-row .notification-background .notification>*:last-child>* .notification-action:hover {
box-shadow: inset 0 0 0 1px @surface1;
background-color: @background;
color: @text;
color: @primary;
}
.control-center .notification-row .notification-background .notification>*:last-child>* .notification-action:active {
box-shadow: inset 0 0 0 1px @surface1;
background-color: @red;
color: @text;
background-color: @error;
color: @primary;
}
.control-center .notification-row .notification-background .close-button {
@ -225,34 +221,34 @@ slider {
}
.control-center .notification-row .notification-background .close-button:hover {
background-color: @red;
background-color: @error;
color: @background;
}
.control-center .notification-row .notification-background .close-button:active {
background-color: @red;
background-color: @error;
color: @background;
}
.control-center .notification-row .notification-background:hover {
box-shadow: inset 0 0 0 1px @surface1;
background-color: @overlay1;
color: @text;
color: @primary;
}
.control-center .notification-row .notification-background:active {
box-shadow: inset 0 0 0 1px @surface1;
background-color: @red;
color: @text;
background-color: @error;
color: @primary;
}
.notification.critical progress {
background-color: @red;
background-color: @error;
}
.notification.low progress,
.notification.normal progress {
background-color: @blue;
background-color: @yellow;
}
.control-center-dnd {
@ -314,7 +310,7 @@ slider {
}
.widget-menubar>box>.menu-button-bar>:last-child {
color: @red;
color: @error;
}
.power-buttons button:hover,
@ -324,7 +320,7 @@ slider {
}
.control-center .widget-label>label {
color: @text;
color: @primary;
font-size: 2rem;
}
@ -342,20 +338,20 @@ slider {
.widget-volume label {
font-size: 1.5rem;
color: @red;
color: @error;
}
.widget-volume trough highlight {
background: @red;
background: @error;
}
.widget-backlight trough highlight {
background: @yellow;
background: @secondary;
}
.widget-backlight label {
font-size: 1.5rem;
color: @yellow;
color: @secondary;
}
.widget-backlight .KB {