transparent

This commit is contained in:
Benjamin Palko 2024-04-06 18:27:33 -05:00
parent f5bb626fa7
commit f6d949a345
2 changed files with 17 additions and 18 deletions

View file

@ -17,8 +17,8 @@ configuration {
window-format: "{w} · {c} · {t}"; window-format: "{w} · {c} · {t}";
} }
/* ---- Load pywal colors (custom wal template) ---- */
@import "~/.cache/wal/colors-rofi-pywal.rasi" @import "~/.cache/wal/colors-rofi-pywal"
* { border-width: 3px; } * { border-width: 3px; }
@ -32,7 +32,6 @@ window {
margin: 0px; margin: 0px;
color: #FFFFFF; color: #FFFFFF;
border: @border-width; border: @border-width;
border-color: @foreground;
cursor: "default"; cursor: "default";
transparency: "real"; transparency: "real";
location: center; location: center;
@ -49,7 +48,7 @@ mainbox {
orientation: horizontal; orientation: horizontal;
spacing: 0px; spacing: 0px;
margin: 0px; margin: 0px;
background-color: @background; background-color: transparent;
background-image: @current-image; background-image: @current-image;
children: ["imagebox","listbox"]; children: ["imagebox","listbox"];
} }
@ -83,7 +82,7 @@ inputbar {
padding: 15px; padding: 15px;
border-radius: 10px; border-radius: 10px;
border-color: @foreground; border-color: @foreground;
background-color: @background; background-color: transparent;
children: [ "textbox-prompt-colon", "entry" ]; children: [ "textbox-prompt-colon", "entry" ];
} }
@ -116,7 +115,7 @@ mode-switcher{
button { button {
padding: 10px; padding: 10px;
border-radius: 10px; border-radius: 10px;
background-color: @background; background-color: transparent;
text-color: inherit; text-color: inherit;
cursor: pointer; cursor: pointer;
border: 0px; border: 0px;
@ -142,7 +141,7 @@ listview {
spacing: 0px; spacing: 0px;
padding: 10px; padding: 10px;
margin: 0px; margin: 0px;
background-color: @background; background-color: transparent;
border:0px; border:0px;
} }

View file

@ -1,17 +1,16 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
@import url("~/.cache/wal/colors.css") @import "../../.cache/wal/colors-waybar.css";
@define-color noti-border-color @color2; @define-color noti-border-color @color4;
@define-color noti-bg rgba(0, 0, 0, 0.8); @define-color noti-bg rgba(0, 0, 0, 0.4);
@define-color noti-bg-alt #111111; @define-color noti-bg-alt rgba(0, 0, 0, 0.6);
@define-color noti-bg-hover @color2; @define-color noti-bg-hover @color4;
@define-color text-color @color2; @define-color text-color @color4;
@define-color text-color-alt @color7; @define-color text-color-alt @color7;
@define-color text-color-disabled rgba(150, 150, 150, 0.8); @define-color text-color-disabled rgba(150, 150, 150, 0.8);
* { * {
font-family: FiraCode;
font-weight: Bolder; font-weight: Bolder;
} }
@ -19,7 +18,7 @@
.control-center .notification-row:hover { .control-center .notification-row:hover {
opacity: 1; opacity: 1;
background: @noti-bg; background: @noti-bg;
border-radius: 10px; border-radius: 0px;
} }
.notification-row { .notification-row {
@ -28,14 +27,14 @@
} }
.notification { .notification {
border-radius: 10px; border-radius: 0px;
} }
.notification-content { .notification-content {
color: @text-color; color: @text-color;
background: @noti-bg; background: @noti-bg;
padding: 3px 10px 3px 6px; padding: 3px 10px 3px 6px;
border-radius: 10px; border-radius: 0px;
border: 2px solid @noti-border-color; border: 2px solid @noti-border-color;
margin: 0px; margin: 0px;
} }
@ -162,6 +161,7 @@
border: 2px solid @noti-border-color; border: 2px solid @noti-border-color;
color: @text-color; color: @text-color;
border-radius: 10px; border-radius: 10px;
padding: 8px;
} }
.control-center-list { .control-center-list {
@ -212,7 +212,7 @@
} }
.widget-dnd > switch { .widget-dnd > switch {
border-radius: 10px; border-radius: 9999px;
/* border: 1px solid #7aa2f7; */ /* border: 1px solid #7aa2f7; */
background: @noti-border-color; background: @noti-border-color;
} }