This commit is contained in:
Stephan Raabe 2024-06-21 10:10:22 +02:00
parent 2fe54cd465
commit 1f693c84a2
8 changed files with 50 additions and 16 deletions

View File

@ -2,7 +2,7 @@
<!-- Define the mask for the cutouts --> <!-- Define the mask for the cutouts -->
<mask id="cutoutMask"> <mask id="cutoutMask">
<!-- Circle --> <!-- Circle -->
<circle fill="#ffffff" cx="120" cy="120" r="120" /> <circle fill="white" cx="120" cy="120" r="120" />
<!-- Big L Shape --> <!-- Big L Shape -->
<rect x="60" y="165" width="120" height="15" rx="4" ry="4" fill="black"/> <rect x="60" y="165" width="120" height="15" rx="4" ry="4" fill="black"/>
@ -14,5 +14,5 @@
</mask> </mask>
<!-- Circle with cutouts --> <!-- Circle with cutouts -->
<circle fill="#ffffff" cx="120" cy="120" r="120" mask="url(#cutoutMask)" /> <circle fill="black" cx="120" cy="120" r="120" mask="url(#cutoutMask)" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 732 B

After

Width:  |  Height:  |  Size: 728 B

View File

@ -0,0 +1,18 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img">
<!-- Define the mask for the cutouts -->
<mask id="cutoutMask">
<!-- Circle -->
<circle fill="white" cx="120" cy="120" r="120" />
<!-- Big L Shape -->
<rect x="60" y="165" width="120" height="15" rx="4" ry="4" fill="black"/>
<rect x="60" y="60" width="15" height="120" rx="4" ry="4" fill="black"/>
<!-- Little L Shape -->
<rect x="110" y="120" width="75" height="15" rx="4" ry="4" fill="black"/>
<rect x="110" y="55" width="15" height="80" rx="4" ry="4" fill="black"/>
</mask>
<!-- Circle with cutouts -->
<circle fill="white" cx="120" cy="120" r="120" mask="url(#cutoutMask)" />
</svg>

After

Width:  |  Height:  |  Size: 728 B

View File

@ -18,3 +18,7 @@
window#waybar { window#waybar {
background-color: rgba(255,255,255,0.1); background-color: rgba(255,255,255,0.1);
} }
#custom-ml4w-welcome {
background-image: url("../../assets/ml4w-icon-white.svg");
}

View File

@ -207,7 +207,7 @@ window#waybar.empty #window {
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
padding-right: 24px; padding-right: 20px;
} }
#custom-ml4w-hyprland-settings { #custom-ml4w-hyprland-settings {

View File

@ -18,3 +18,8 @@
window#waybar { window#waybar {
background-color: rgba(255,255,255,0.1); background-color: rgba(255,255,255,0.1);
} }
#custom-ml4w-welcome {
background-image: url("../../assets/ml4w-icon-white.svg");
}

View File

@ -14,3 +14,7 @@
@define-color iconcolor #FFFFFF; @define-color iconcolor #FFFFFF;
@import '../../ml4w/style.css'; @import '../../ml4w/style.css';
#custom-ml4w-welcome {
background-image: url("../../assets/ml4w-icon-white.svg");
}

View File

@ -218,7 +218,7 @@ window#waybar.empty #window {
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
padding-right: 24px; padding-right: 20px;
} }
#custom-ml4w-hyprland-settings { #custom-ml4w-hyprland-settings {

View File

@ -1,17 +1,20 @@
/* ----------------------------------------------------- /* -----------------------------------------------------
* Import Pywal colors * Import Pywal colors
* ----------------------------------------------------- */ * ----------------------------------------------------- */
@import '../../../../../.cache/wal/colors-waybar.css'; @import '../../../../../.cache/wal/colors-waybar.css';
@define-color backgroundlight #FFFFFF; @define-color backgroundlight #FFFFFF;
@define-color backgrounddark #FFFFFF; @define-color backgrounddark #FFFFFF;
@define-color workspacesbackground1 #FFFFFF; @define-color workspacesbackground1 #FFFFFF;
@define-color workspacesbackground2 #CCCCCC; @define-color workspacesbackground2 #CCCCCC;
@define-color bordercolor #FFFFFF; @define-color bordercolor #FFFFFF;
@define-color textcolor1 #000000; @define-color textcolor1 #000000;
@define-color textcolor2 #000000; @define-color textcolor2 #000000;
@define-color textcolor3 #000000; @define-color textcolor3 #000000;
@define-color iconcolor #FFFFFF; @define-color iconcolor #FFFFFF;
@import '../style.css'; @import '../style.css';
#custom-ml4w-welcome {
background-image: url("../../assets/ml4w-icon-white.svg");
}