wt/dotfiles
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated hyprland config to lua config and added swayosd config and

Browse Source 
updated swaync styles
This commit is contained in:
wt committed 2026-08-12 15:03:36 +07:00
1 parent 7e6a2cf0e8
commit b64af49b54
30 files changed
+928 -301
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

swaync/style.css
+53 -23
View File
@@ -3,7 +3,7 @@
--mpris-album-art-icon-size: 60px;
}
@define-color cc-bg rgba(20, 20, 20, 0.7);
@define-color cc-bg rgba(0, 0, 0, 0.6);
@define-color noti-border-color rgba(255, 255, 255, 0.15);
@define-color noti-bg rgba(50, 50, 50, 0.8);
@define-color noti-bg-opaque rgb(48, 48, 48);
@@ -18,7 +18,8 @@
@define-color bg-selected rgb(128, 128, 128);
@define-color foreground rgb(100, 100, 100);
@define-color background #0F161E;
/*@define-color background #0F161E;*/
@define-color background rgba(0, 0, 0, 0.6);
@define-color cursor rgb(100, 100, 100);
@define-color color0 #0F161E;
@@ -39,7 +40,7 @@
@define-color color15 white;
.control-center {
background: black;
background: rgba(0, 0, 0, 0.9);
border-radius: 24px;
border: 1px solid @foreground;
margin: 2px;
@@ -165,30 +166,35 @@
/* Volume widget */
trough {
border-radius: 20px;
background: @background;
/*background: @background;*/
background: rgba(40, 40, 40, 0.9);
border: 1px solid @background;
}
trough highlight {
/* ´trough´ is the background of the slider, ´highlight´ is the actual slider */
padding-top: 1px;
background: @color4;
/*background: @color4;*/
background: rgba(30, 30, 30, 0.9);
border: 1px solid @color4;
border-radius: 20px;
}
trough slider {
padding: 1px;
background: @color4;
/*background: @color4;*/
background: rgba(30, 30, 30, 0.9);
border: 1px solid gray;
}
trough slider:hover {
padding: 1px;
background: @color4;
/*background: @color4;*/
background: rgba(20, 20, 20, 0.9);
}
.widget-volume {
background-color: alpha(@background, 0);
background: transparent;
/*background-color: alpha(@background, 0);*/
border-radius: 20px 20px 0px 0px;
font-size: 15px;
margin-left: 10px;
@@ -199,7 +205,8 @@ trough slider:hover {
.widget-backlight {
padding-left: 5px;
background-color: alpha(@background, 0);
background: transparent;
/*background-color: alpha(@background, 0);*/
font-size: 15px;
margin-top: -8px;
margin-left: 10px;
@@ -217,30 +224,36 @@ trough slider:hover {
font-size: initial;
color: white;
text-shadow: none;
background: @noti-bg;
background: transparent;
/*background: @noti-bg;*/
border: 1px solid @noti-border-color;
box-shadow: none;
border-radius: 12px;
}
.widget-inhibitors > button:hover {
background: @noti-bg-hover;
background: transparent;
/*background: @noti-bg-hover;*/
}
.notification-row {
outline: none;
background: transparent;
}
.notification-row:focus,
.notification-row:hover {
background: alpha(@color14, 0.5); /* @noti-bg-focus */
/*background: alpha(@color14, 0.5); /* @noti-bg-focus */
background: transparent;
}
.notification-row .notification-background {
padding: 6px 12px;
background: transparent;
}
.notification-row .notification-background .close-button {
/* The notification Close Button */
background: alpha(@color4, 0.5); /* @noti-close-bg */
/*background: alpha(@color4, 0.5); /* @noti-close-bg */
background: transparent;
color: alpha(@color15, 1); /* @text-color */
text-shadow: none;
padding: 0;
@@ -254,7 +267,8 @@ trough slider:hover {
}
.notification-row .notification-background .close-button:hover {
background: alpha(@color12, 0.5); /* @noti-close-bg-hover */
/*background: alpha(@color12, 0.5); /* @noti-close-bg-hover */
background: transparent;
transition: background 0.15s ease-in-out;
}
@@ -264,7 +278,8 @@ trough slider:hover {
border: 2px solid alpha(@color8, 0.5); /* @border */
padding: 0;
transition: background 0.15s ease-in-out;
background: alpha(@color0, 0.5); /* @noti-bg */
/*background: alpha(@color0, 0.5); /* @noti-bg */
background: rgba(0, 0, 0, 0.9);
}
.notification-row .notification-background .notification.low {
@@ -301,7 +316,8 @@ trough slider:hover {
.notification-background
.notification
.notification-default-action:hover {
background: alpha(@color13, 0.5); /* @noti-bg-hover */
/*background: alpha(@color13, 0.5); /* @noti-bg-hover */*/
background: transparent;
}
.notification-row
@@ -418,7 +434,8 @@ trough slider:hover {
.body-image {
/* The "extra" optional bottom notification image */
margin-top: 4px;
background-color: alpha(@color15, 0.5);
/*background-color: alpha(@color15, 0.5);*/
background: transparent;
border-radius: 12px;
}
@@ -439,7 +456,8 @@ trough slider:hover {
.notification-content
.inline-reply
.inline-reply-entry {
background: alpha(@color1, 0.5); /* @noti-bg-darker */
/*background: alpha(@color1, 0.5); /* @noti-bg-darker */*/
background: transparent;
color: alpha(@color15, 1); /* @text-color */
caret-color: alpha(@color15, 1); /* @text-color */
border: 1px solid alpha(@color8, 0.5); /* @border */
@@ -454,7 +472,8 @@ trough slider:hover {
.inline-reply
.inline-reply-button {
margin-left: 4px;
background: alpha(@color0, 0.5); /* @noti-bg */
/*background: alpha(@color0, 0.5); /* @noti-bg */*/
background: transparent;
border: 1px solid alpha(@color8, 0.5); /* @border */
border-radius: 12px;
color: alpha(@color15, 1); /* @text-color */
@@ -467,7 +486,8 @@ trough slider:hover {
.notification-content
.inline-reply
.inline-reply-button:disabled {
background: initial;
/*background: initial;*/
background: transparent;
color: alpha(@color7, 0.5); /* @text-color-disabled */
border: 1px solid alpha(@color8, 0.5); /* @border */
border-color: transparent;
@@ -479,7 +499,8 @@ trough slider:hover {
.notification-default-action
.inline-reply
.inline-reply-button:hover {
background: alpha(@color13, 0.5); /* @noti-bg-hover */
/*background: alpha(@color13, 0.5); /* @noti-bg-hover */*/
background: transparent;
}
.notification-row .notification-background .notification .notification-action {
@@ -507,17 +528,22 @@ trough slider:hover {
.notification-group {
/* Styling only for Grouped Notifications */
background: transparent;
border: 0;
}
.notification-group.low {
background: transparent;
/* Low Priority Group */
}
.notification-group.normal {
background: transparent;
/* Normal Priority Group */
}
.notification-group.critical {
background: transparent;
/* Critical Priority Group */
}
@@ -525,6 +551,7 @@ trough slider:hover {
.notification-group .notification-group-headers {
margin: 0 16px;
color: alpha(@color15, 1); /* @text-color */
background: transparent;
}
.notification-group .notification-group-headers {
@@ -540,11 +567,13 @@ trough slider:hover {
}
.notification-group .notification-group-buttons {
background: transparent;
/* Notification Group Buttons */
}
.notification-group.collapsed .notification-row .notification {
background-color: alpha(@color0, 0.5); /* @noti-bg-opaque */
/*background-color: alpha(@color0, 0.5); /* @noti-bg-opaque */*/
background: transparent;
}
.notification-group.collapsed .notification-row:not(:last-child) {
@@ -564,5 +593,6 @@ trough slider:hover {
.notification-group.collapsed:hover
.notification-row:not(:only-child)
.notification {
background-color: alpha(@color13, 0.5); /* @noti-bg-hover-opaque */
/*background-color: alpha(@color13, 0.5); /* @noti-bg-hover-opaque */*/
background: transparent;
}