added stuff
This commit is contained in:
parent
937f28770d
commit
236b8c2a6b
907 changed files with 70990 additions and 0 deletions
34
nyx/homes/notashelf/services/wayland/ags/style/bar/_bar.scss
Normal file
34
nyx/homes/notashelf/services/wayland/ags/style/bar/_bar.scss
Normal file
|
@ -0,0 +1,34 @@
|
|||
// Components
|
||||
// top
|
||||
@import "modules/launcher";
|
||||
@import "modules/system";
|
||||
@import "modules/weather";
|
||||
|
||||
// center
|
||||
@import "modules/workspaces";
|
||||
|
||||
// bottom
|
||||
@import "modules/tray";
|
||||
@import "modules/battery";
|
||||
@import "modules/bluetooth";
|
||||
@import "modules/lock";
|
||||
@import "modules/swallow";
|
||||
@import "modules/audio";
|
||||
@import "modules/net";
|
||||
@import "modules/clock";
|
||||
@import "modules/power";
|
||||
|
||||
// general config
|
||||
.bar {
|
||||
@include barWindow;
|
||||
}
|
||||
|
||||
// top section
|
||||
.utilsBox {
|
||||
@include barSection;
|
||||
}
|
||||
|
||||
// bottom section
|
||||
.systemInfo {
|
||||
@include barSection;
|
||||
}
|
|
@ -0,0 +1,3 @@
|
|||
.audio {
|
||||
@include barModule;
|
||||
}
|
|
@ -0,0 +1,3 @@
|
|||
.battery {
|
||||
@include barModule;
|
||||
}
|
|
@ -0,0 +1,28 @@
|
|||
// default state of the bluetooth icon
|
||||
.bluetooth {
|
||||
@include barModule;
|
||||
}
|
||||
|
||||
// if bluetooth is paired
|
||||
// but not active
|
||||
.bluetooth-paired {
|
||||
color: $onSurface;
|
||||
}
|
||||
|
||||
// if bluetooth is paired
|
||||
// and active
|
||||
.bluetooth-active {
|
||||
color: $onSurface;
|
||||
}
|
||||
|
||||
// if bluetooth is disabled
|
||||
.bluetooth-disabled {
|
||||
color: lighten($surfaceVariant, 30%);
|
||||
transition:
|
||||
all 0.3s $materialStandard,
|
||||
border 0.35s $materialStandard;
|
||||
|
||||
&:hover {
|
||||
color: $red;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,9 @@
|
|||
.clock {
|
||||
background: $surfaceVariant;
|
||||
color: $onPrimary;
|
||||
font-family: $monoFont;
|
||||
font-weight: 800;
|
||||
border-radius: 12px;
|
||||
margin: 6px 4px;
|
||||
padding: 6px;
|
||||
}
|
|
@ -0,0 +1,13 @@
|
|||
.launcherIcon {
|
||||
background: $surfaceVariant;
|
||||
font-family: $iconFont;
|
||||
border-radius: 12px;
|
||||
margin: 6px 4px;
|
||||
padding: 6px;
|
||||
min-height: 1.5rem;
|
||||
transition: all 0.2s $materialAccel;
|
||||
|
||||
&:hover {
|
||||
background: lighten($surfaceVariant, 5%);
|
||||
}
|
||||
}
|
|
@ -0,0 +1,7 @@
|
|||
.lock {
|
||||
background: $surface;
|
||||
font-size: 24px;
|
||||
border-radius: 12px;
|
||||
margin: 2px 4px;
|
||||
padding: 2px;
|
||||
}
|
|
@ -0,0 +1,3 @@
|
|||
.network {
|
||||
@include barModule;
|
||||
}
|
|
@ -0,0 +1,15 @@
|
|||
.power {
|
||||
color: $red;
|
||||
background: $surface;
|
||||
font-size: 24px;
|
||||
border-radius: 12px;
|
||||
margin: 6px 4px;
|
||||
padding: 6px;
|
||||
min-height: 1.5rem;
|
||||
transition: all 0.2s $materialAccel;
|
||||
|
||||
&:hover {
|
||||
background: lighten($surfaceVariant, 5%);
|
||||
color: lighten($red, 5%);
|
||||
}
|
||||
}
|
|
@ -0,0 +1,3 @@
|
|||
.swallow {
|
||||
@include barModule;
|
||||
}
|
|
@ -0,0 +1,41 @@
|
|||
$size: 1.2rem;
|
||||
|
||||
.systemUsage {
|
||||
color: $onSurface;
|
||||
background: $surfaceVariant;
|
||||
font-family: $iconFont;
|
||||
border-radius: 12px;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
// cpu indicator
|
||||
.cpuButton {
|
||||
padding: 6px 2px 3px 2px;
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
.cpuProgress {
|
||||
color: $lavender;
|
||||
padding: 4px 4px;
|
||||
margin: 0.1rem;
|
||||
font-size: 4px;
|
||||
background: $primary;
|
||||
min-height: $size;
|
||||
min-width: $size;
|
||||
}
|
||||
|
||||
// memory indicator
|
||||
.memButton {
|
||||
padding: 3px 2px 6px 2px;
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
.memProgress {
|
||||
color: $blue;
|
||||
padding: 4px 4px;
|
||||
margin: 0.1rem;
|
||||
font-size: 4px;
|
||||
background: $primary;
|
||||
min-height: $size;
|
||||
min-width: $size;
|
||||
}
|
|
@ -0,0 +1,15 @@
|
|||
.tray {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.trayChevron {
|
||||
font-family: $iconFont;
|
||||
}
|
||||
|
||||
.trayIcons {
|
||||
margin: 3px 0 0;
|
||||
}
|
||||
|
||||
.trayIcon {
|
||||
margin: 0 0 3px;
|
||||
}
|
|
@ -0,0 +1,14 @@
|
|||
.weather {
|
||||
background: $surfaceVariant;
|
||||
font-family: "Material Symbols Sharp", Roboto;
|
||||
border-radius: 12px;
|
||||
margin: 6px 4px;
|
||||
padding: 4px;
|
||||
min-height: 1.5rem;
|
||||
min-width: 1rem;
|
||||
transition: all 0.2s $materialAccel;
|
||||
|
||||
&:hover {
|
||||
background: lighten($surfaceVariant, 5%);
|
||||
}
|
||||
}
|
|
@ -0,0 +1,29 @@
|
|||
.workspaces {
|
||||
background: transparent;
|
||||
padding: 14px;
|
||||
|
||||
button {
|
||||
@include barModule;
|
||||
|
||||
// override some styles provided by barModule
|
||||
// to better suit the position of the workspaces
|
||||
// module
|
||||
margin: 5px 3px;
|
||||
min-width: 0.6rem;
|
||||
min-height: 0.6rem;
|
||||
|
||||
color: transparent;
|
||||
background: $onSurface;
|
||||
border-radius: 99px;
|
||||
|
||||
&:hover {
|
||||
background: $lavender;
|
||||
}
|
||||
|
||||
&.focused {
|
||||
border-radius: 18px;
|
||||
background: $blue;
|
||||
padding: 8px 0;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -0,0 +1,3 @@
|
|||
$materialStandard: cubic-bezier(0.2, 0, 0, 1);
|
||||
$materialDecel: cubic-bezier(0, 0, 0, 1);
|
||||
$materialAccel: cubic-bezier(0.3, 0, 1, 1);
|
16
nyx/homes/notashelf/services/wayland/ags/style/colors.scss
Normal file
16
nyx/homes/notashelf/services/wayland/ags/style/colors.scss
Normal file
|
@ -0,0 +1,16 @@
|
|||
$primary: #1e1e2e;
|
||||
$onPrimary: #cdd6f4;
|
||||
$secondary: #181825;
|
||||
$onSecondary: #cdd6f4;
|
||||
$surface: #313244;
|
||||
$onSurface: #cdd6f4;
|
||||
$surfaceVariant: #313244;
|
||||
$onSurfaceVariant: #cdd6f4;
|
||||
$shadow: #000;
|
||||
|
||||
// other colors
|
||||
$red: #f38ba8;
|
||||
$yellow: #f9e2af;
|
||||
$green: #a6e3a1;
|
||||
$blue: #89b4fa;
|
||||
$lavender: #b4befe;
|
|
@ -0,0 +1,3 @@
|
|||
// Components
|
||||
@import "desktopMenu";
|
||||
@import "desktopIcons";
|
|
@ -0,0 +1,18 @@
|
|||
.desktopIcons {
|
||||
margin: 24px 0 0 24px;
|
||||
}
|
||||
|
||||
.desktopIcon {
|
||||
border-radius: 6px;
|
||||
padding: 6px;
|
||||
transition: all 200ms cubic-bezier(0, 0, 1, 1);
|
||||
|
||||
&:hover {
|
||||
background: transparentize($lavender, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
.desktopIconLabel {
|
||||
color: $surface;
|
||||
font-family: $font;
|
||||
}
|
|
@ -0,0 +1,29 @@
|
|||
.desktopMenu {
|
||||
background: $primary;
|
||||
color: $onSurface;
|
||||
font-family: $font;
|
||||
border-radius: 14px;
|
||||
padding: 6px 3px;
|
||||
}
|
||||
|
||||
.desktopMenuItem {
|
||||
border-radius: 14px;
|
||||
margin: 0 3px;
|
||||
padding: 6px 12px;
|
||||
transition: all 0.2s $materialAccel;
|
||||
|
||||
&:hover {
|
||||
background: lighten($surfaceVariant, 5%);
|
||||
color: lighten($onSurface, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
.desktopMenuItemIcon {
|
||||
font-family: $iconFont;
|
||||
padding: 2px 8px 2px 2px;
|
||||
}
|
||||
|
||||
.separator {
|
||||
background: $surface;
|
||||
padding: 1px 3px;
|
||||
}
|
|
@ -0,0 +1,3 @@
|
|||
$font: roboto;
|
||||
$monoFont: robotomono;
|
||||
$iconFont: symbolsnerdfontmono;
|
|
@ -0,0 +1,42 @@
|
|||
.launcher {
|
||||
color: $onSurface;
|
||||
background: $primary;
|
||||
font-family: $font;
|
||||
border-radius: 12px;
|
||||
margin: 0 0 16px;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.launcherApp {
|
||||
border-radius: 12px;
|
||||
margin: 3px;
|
||||
padding: 3px;
|
||||
|
||||
&:focus {
|
||||
background: $surfaceVariant;
|
||||
}
|
||||
}
|
||||
|
||||
.launcherEntry {
|
||||
caret-color: $onSurface;
|
||||
background: $surfaceVariant;
|
||||
border-radius: 10px;
|
||||
margin: 6px;
|
||||
padding: 3px 12px;
|
||||
}
|
||||
|
||||
.launcherItem {
|
||||
}
|
||||
|
||||
.launcherItemIcon {
|
||||
margin: 3px 6px;
|
||||
}
|
||||
|
||||
.launcherItemTitle {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.launcherItemDescription {
|
||||
font-size: 12px;
|
||||
}
|
14
nyx/homes/notashelf/services/wayland/ags/style/main.scss
Normal file
14
nyx/homes/notashelf/services/wayland/ags/style/main.scss
Normal file
|
@ -0,0 +1,14 @@
|
|||
// common components
|
||||
@import "colors";
|
||||
@import "beziers";
|
||||
@import "fonts";
|
||||
@import "mixins";
|
||||
@import "prelude";
|
||||
|
||||
// modules and widgets
|
||||
@import "bar/bar";
|
||||
@import "launcher/launcher";
|
||||
@import "desktop/desktop";
|
||||
@import "popups/popups";
|
||||
@import "music/music";
|
||||
@import "notifications/notifications";
|
93
nyx/homes/notashelf/services/wayland/ags/style/mixins.scss
Normal file
93
nyx/homes/notashelf/services/wayland/ags/style/mixins.scss
Normal file
|
@ -0,0 +1,93 @@
|
|||
$rounding: 12px; // intter rounding
|
||||
$padding: 2px; // component padding
|
||||
|
||||
// general mixins
|
||||
@mixin animated {
|
||||
transition:
|
||||
all 0.3s $materialStandard,
|
||||
border 0.35s $materialStandard;
|
||||
}
|
||||
|
||||
@mixin roundingOuter {
|
||||
// Outer rounding = inner rounding + padding
|
||||
border-radius: calc(#{$rounding} + #{$padding});
|
||||
}
|
||||
|
||||
@mixin roundingInner {
|
||||
border-radius: $rounding;
|
||||
}
|
||||
|
||||
// window mixin represents a top-level window
|
||||
// e.g. the bar or a music widget
|
||||
@mixin window {
|
||||
@include roundingOuter;
|
||||
}
|
||||
|
||||
// bar window
|
||||
@mixin barWindow {
|
||||
@include window;
|
||||
color: $onSurface;
|
||||
background: $primary;
|
||||
font-family: $font;
|
||||
border-radius: 14px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
@mixin barSection {
|
||||
@include roundingInner;
|
||||
color: $onSurface;
|
||||
background: $surfaceVariant;
|
||||
font-family: $iconFont;
|
||||
margin: 4px;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
@mixin barModule {
|
||||
// include animations
|
||||
@include animated;
|
||||
|
||||
// standard widget dimensions
|
||||
margin: 6px 3px;
|
||||
|
||||
// and styling
|
||||
color: $onSurface;
|
||||
background: $surfaceVariant;
|
||||
|
||||
&:hover {
|
||||
color: $lavender;
|
||||
}
|
||||
}
|
||||
|
||||
// popup windows
|
||||
@mixin popup {
|
||||
background: $primary;
|
||||
border-radius: 12px;
|
||||
margin: 6px;
|
||||
padding: 12px;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
@mixin popupIcon {
|
||||
font-family: $iconFont;
|
||||
margin: 0 6px 0 0;
|
||||
}
|
||||
|
||||
@mixin popupBar {
|
||||
min-width: 200px;
|
||||
|
||||
& scale {
|
||||
min-height: 12px;
|
||||
}
|
||||
|
||||
& trough {
|
||||
background: transparentize($surfaceVariant, 0.5);
|
||||
border-radius: 24px;
|
||||
min-height: 12px;
|
||||
}
|
||||
|
||||
& highlight {
|
||||
background: $onSurface;
|
||||
border-radius: 24px;
|
||||
min-width: 12px;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,56 @@
|
|||
.music.window {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
margin: 5px 10px 15px;
|
||||
padding: $padding;
|
||||
|
||||
.cover {
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
border-radius: $rounding;
|
||||
box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.5);
|
||||
margin: 0.4rem;
|
||||
min-height: 13rem;
|
||||
min-width: 13rem;
|
||||
}
|
||||
}
|
||||
|
||||
.music.window .info {
|
||||
margin: 0.5rem;
|
||||
|
||||
label,
|
||||
scale {
|
||||
margin: 0.3rem 0;
|
||||
}
|
||||
|
||||
label.position,
|
||||
label.length {
|
||||
font-size: 0.8rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
scale {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
min-width: 14rem;
|
||||
}
|
||||
}
|
||||
|
||||
.music.window .controls {
|
||||
button {
|
||||
margin: 0 0.2rem;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.music.window .player-info {
|
||||
margin-bottom: 0;
|
||||
|
||||
.player-icon {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,69 @@
|
|||
.notification {
|
||||
@include window;
|
||||
margin: 5px 5px 5px 12px;
|
||||
min-width: 25rem;
|
||||
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
|
||||
// low priority
|
||||
&.low {
|
||||
border: 1.5px solid $lavender;
|
||||
}
|
||||
|
||||
// medium priority
|
||||
&.normal {
|
||||
border: 1.5px solid $blue;
|
||||
}
|
||||
|
||||
// critical priority
|
||||
&.critical {
|
||||
border: 1.5px solid $red;
|
||||
}
|
||||
}
|
||||
|
||||
.notifications widget:last-child .notification {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.notification .icon {
|
||||
image {
|
||||
font-size: 5rem;
|
||||
margin: 0.5rem;
|
||||
min-height: 5rem;
|
||||
min-width: 5rem;
|
||||
}
|
||||
|
||||
> box {
|
||||
border-radius: $rounding;
|
||||
margin: 0.5rem;
|
||||
min-height: 5rem;
|
||||
min-width: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.notification .actions .action-button {
|
||||
@include window;
|
||||
@include animated;
|
||||
padding: 4px 0;
|
||||
|
||||
&:hover {
|
||||
background: $onSurfaceVariant;
|
||||
}
|
||||
}
|
||||
|
||||
.notification .text {
|
||||
margin: 6px 4px;
|
||||
|
||||
.title {
|
||||
margin: 4px 6px;
|
||||
color: $onPrimary;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.body {
|
||||
margin: 4px 6px;
|
||||
color: $onPrimary;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,11 @@
|
|||
.brightnessPopup {
|
||||
@include popup;
|
||||
}
|
||||
|
||||
.brtPopupIcon {
|
||||
@include popupIcon;
|
||||
}
|
||||
|
||||
.brtPopupBar {
|
||||
@include popupBar;
|
||||
}
|
|
@ -0,0 +1,3 @@
|
|||
// Components
|
||||
@import "brightnessPopup";
|
||||
@import "volumePopup";
|
|
@ -0,0 +1,11 @@
|
|||
.volumePopup {
|
||||
@include popup;
|
||||
}
|
||||
|
||||
.volPopupIcon {
|
||||
@include popupIcon;
|
||||
}
|
||||
|
||||
.volPopupBar {
|
||||
@include popupBar;
|
||||
}
|
12
nyx/homes/notashelf/services/wayland/ags/style/prelude.scss
Normal file
12
nyx/homes/notashelf/services/wayland/ags/style/prelude.scss
Normal file
|
@ -0,0 +1,12 @@
|
|||
* {
|
||||
all: unset;
|
||||
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
|
||||
font-family: "Material Design Icons", "Iosevka Nerd Font Mono", Inter,
|
||||
Roboto, sans-serif;
|
||||
}
|
||||
|
||||
// restore tooltip styling that got unset in the above class
|
||||
tooltip {
|
||||
@include roundingOuter;
|
||||
background: $primary;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue