move to snowfall

This commit is contained in:
zackartz 2024-05-23 20:26:30 +00:00
parent 9d7ad7c973
commit 769d4b0df5
No known key found for this signature in database
GPG key ID: 5B53E53A9A514DBA
188 changed files with 2203 additions and 3041 deletions

View file

@ -0,0 +1 @@
$accent: #74C7EC;

View file

@ -0,0 +1,11 @@
@import "clock";
@import "media";
@import "notification";
@import "sysinfo";
@import "title";
@import "tray";
@import "workspaces";
.bar {
font-family: $font;
}

View file

@ -0,0 +1,8 @@
.clock {
background-color: #1e1e2e;
border-radius: 15px;
border: 3px solid #11111b;
color: #cdd6f4;
font-weight: bold;
padding: 1px 15px;
}

View file

@ -0,0 +1,12 @@
.media {
background-color: #1e1e2e;
border-radius: 15px;
border: 3px solid #11111b;
color: #cdd6f4;
font-weight: bold;
padding: 1px 15px;
&:hover {
color: $accent;
border: 3px solid $accent;
}
}

View file

@ -0,0 +1,9 @@
.barNotification {
background-color: #1e1e2e;
border-radius: 15px;
border: 3px solid #11111b;
color: #cdd6f4;
font-weight: bold;
margin-right: 10px;
padding: 1px 15px;
}

View file

@ -0,0 +1,39 @@
@keyframes lowBlink {
0% {
color: $accent;
}
50% {
color: #cdd6f4;
}
100% {
color: $accent;
}
}
.sysinfo {
background-color: #1e1e2e;
border-radius: 15px;
border: 3px solid #11111b;
color: #cdd6f4;
font-weight: bold;
margin-right: 10px;
padding: 1px 15px;
&:hover {
color: $accent;
border: 3px solid $accent;
}
}
.volume {
margin-left: 8px;
}
.bluetoothindicator {
margin-left: 8px;
}
.batIcon {
margin-left: 8px;
margin-right: 4px;
&.low {
animation: lowBlink 2s infinite;
}
}

View file

@ -0,0 +1,13 @@
.title {
background: #1e1e2e;
border-radius: 15px;
border: 3px solid #11111b;
color: #cdd6f4;
font-weight: bold;
margin-left: 10px;
padding: 1px 15px;
&:hover {
color: $accent;
border: 3px solid $accent;
}
}

View file

@ -0,0 +1,26 @@
.tray{
> * {
margin: 0 4px;
}
background-color: #1e1e2e;
border-radius: 15px;
border: 3px solid #11111b;
color: #cdd6f4;
font-weight: bold;
margin-right: 10px;
padding: 1px 11px;
}
menu {
menuitem {
background-color: #1e1e2e;
border-radius: 15px;
border: 3px solid #11111b;
color: #cdd6f4;
margin: 1px;
padding: 5px;
&:hover {
color: $accent;
border: 3px solid $accent;
}
}
}

View file

@ -0,0 +1,27 @@
.workspaces_pill {
background: #1e1e2e;
border-radius: 15px;
border: 3px solid #11111b;
padding: 1px 15px;
}
.workspaces {
margin: 3px 0;
& button {
background: #cdd6f4;
border-radius: 24px;
margin: 0 3px;
min-height: 16px;
min-width: 16px;
transition: all 0.3s $materialStandard;
&:hover {
min-width: 24px;
}
&.focused {
background: $accent;
min-width: 32px;
}
}
}

View file

@ -0,0 +1,31 @@
.Slider {
background: #1e1e2e;
border-radius: 15px;
border: 3px solid #11111b;
margin-bottom: 15px;
padding: 12px;
}
.sld {
&Label {
margin-bottom: 6px;
}
&Icon {
margin-right: 6px;
}
&Slider {
min-width: 300px;
& slider {
background: none;
}
& trough {
background: #313244;
border-radius: 24px;
min-height: 16px;
}
& highlight {
background: $accent;
border-radius: 24px;
min-width: 16px;
}
}
}

View file

@ -0,0 +1,13 @@
.calendar {
background-color: #1e1e2e;
border-radius: 16px;
border: 3px solid #11111b;
color: #cdd6f4;
padding: 10px;
}
.calendarWidget {
padding: 3px;
&:selected {
color: $accent;
}
}

View file

@ -0,0 +1,9 @@
@import "Slider";
@import "calendar";
@import "notifications";
@import "quicktoggles";
.dashboard {
font-weight: bold;
}

View file

@ -0,0 +1,26 @@
.notificationList {
background-color: #1e1e2e;
border-radius: 15px;
border: 3px solid #11111b;
margin-bottom: 15px;
padding: 10px;
}
.notificationEmpty {
color: #313244;
font-size: 80px;
}
.notificationImage {
color: #cdd6f4;
font-size: 40px;
}
.notification {
background-color: #313244;
border-radius: 15px;
padding:10px;
}
.notificationTitle {
color: #cdd6f4;
}
.notificationDescription {
color: #bac2de;
}

View file

@ -0,0 +1,37 @@
.quicktoggles {
background: #1e1e2e;
border-radius: 15px;
border: 3px solid #11111b;
margin-bottom: 15px;
min-width: 300px;
padding: 20px 20px;
}
.buttons {
margin-top: 10px;
}
.bluetooth, .wifi {
background: $accent;
border-radius: 24px;
min-width: 125px;
padding: 9px;
&.off {
background: #313244;
}
}
.wifi {
margin-right: 10px;
}
.wifi, .bluetooth, {
&Icon {
margin-right: 6px;
}
}
.Icon {
background: #313244;
border-radius: 50%;
margin-left: 5px;
min-height: 32px;
min-width: 32px;
}

View file

@ -0,0 +1,14 @@
*:not(selection):not(tooltip) {
all: unset;
}
// Vars
$font: JetBrains Mono Nerd Font;
$materialStandard: cubic-bezier(0.2, 0, 0, 1);
$materialAccel: cubic-bezier(0.3, 0, 1, 1);
$materialDecel: cubic-bezier(0, 0, 0, 1);
// Components
@import "./colors";
@import "bar/bar";
@import "dashboard/dashboard";