move to snowfall
This commit is contained in:
parent
9d7ad7c973
commit
769d4b0df5
188 changed files with 2203 additions and 3041 deletions
1
modules/home/apps/helpers/ags/cfg/scss/_colors.scss
Normal file
1
modules/home/apps/helpers/ags/cfg/scss/_colors.scss
Normal file
|
|
@ -0,0 +1 @@
|
|||
$accent: #74C7EC;
|
||||
11
modules/home/apps/helpers/ags/cfg/scss/bar/_bar.scss
Normal file
11
modules/home/apps/helpers/ags/cfg/scss/bar/_bar.scss
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
@import "clock";
|
||||
@import "media";
|
||||
@import "notification";
|
||||
@import "sysinfo";
|
||||
@import "title";
|
||||
@import "tray";
|
||||
@import "workspaces";
|
||||
|
||||
.bar {
|
||||
font-family: $font;
|
||||
}
|
||||
8
modules/home/apps/helpers/ags/cfg/scss/bar/_clock.scss
Normal file
8
modules/home/apps/helpers/ags/cfg/scss/bar/_clock.scss
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
.clock {
|
||||
background-color: #1e1e2e;
|
||||
border-radius: 15px;
|
||||
border: 3px solid #11111b;
|
||||
color: #cdd6f4;
|
||||
font-weight: bold;
|
||||
padding: 1px 15px;
|
||||
}
|
||||
12
modules/home/apps/helpers/ags/cfg/scss/bar/_media.scss
Normal file
12
modules/home/apps/helpers/ags/cfg/scss/bar/_media.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
39
modules/home/apps/helpers/ags/cfg/scss/bar/_sysinfo.scss
Normal file
39
modules/home/apps/helpers/ags/cfg/scss/bar/_sysinfo.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
13
modules/home/apps/helpers/ags/cfg/scss/bar/_title.scss
Normal file
13
modules/home/apps/helpers/ags/cfg/scss/bar/_title.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
26
modules/home/apps/helpers/ags/cfg/scss/bar/_tray.scss
Normal file
26
modules/home/apps/helpers/ags/cfg/scss/bar/_tray.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
27
modules/home/apps/helpers/ags/cfg/scss/bar/_workspaces.scss
Normal file
27
modules/home/apps/helpers/ags/cfg/scss/bar/_workspaces.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
@import "Slider";
|
||||
@import "calendar";
|
||||
@import "notifications";
|
||||
@import "quicktoggles";
|
||||
|
||||
.dashboard {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
14
modules/home/apps/helpers/ags/cfg/scss/main.scss
Normal file
14
modules/home/apps/helpers/ags/cfg/scss/main.scss
Normal 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";
|
||||
Loading…
Add table
Add a link
Reference in a new issue