added stuff

This commit is contained in:
Charlie Root 2024-04-09 23:11:33 +02:00
commit 9d0ebdfbd0
907 changed files with 70990 additions and 0 deletions

View 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;
}

View file

@ -0,0 +1,3 @@
.audio {
@include barModule;
}

View file

@ -0,0 +1,3 @@
.battery {
@include barModule;
}

View file

@ -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;
}
}

View file

@ -0,0 +1,9 @@
.clock {
background: $surfaceVariant;
color: $onPrimary;
font-family: $monoFont;
font-weight: 800;
border-radius: 12px;
margin: 6px 4px;
padding: 6px;
}

View file

@ -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%);
}
}

View file

@ -0,0 +1,7 @@
.lock {
background: $surface;
font-size: 24px;
border-radius: 12px;
margin: 2px 4px;
padding: 2px;
}

View file

@ -0,0 +1,3 @@
.network {
@include barModule;
}

View file

@ -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%);
}
}

View file

@ -0,0 +1,3 @@
.swallow {
@include barModule;
}

View file

@ -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;
}

View file

@ -0,0 +1,15 @@
.tray {
margin: 0;
}
.trayChevron {
font-family: $iconFont;
}
.trayIcons {
margin: 3px 0 0;
}
.trayIcon {
margin: 0 0 3px;
}

View file

@ -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%);
}
}

View file

@ -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;
}
}
}

View file

@ -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);

View 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;

View file

@ -0,0 +1,3 @@
// Components
@import "desktopMenu";
@import "desktopIcons";

View file

@ -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;
}

View file

@ -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;
}

View file

@ -0,0 +1,3 @@
$font: roboto;
$monoFont: robotomono;
$iconFont: symbolsnerdfontmono;

View file

@ -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;
}

View 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";

View 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;
}
}

View file

@ -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;
}
}

View file

@ -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;
}
}

View file

@ -0,0 +1,11 @@
.brightnessPopup {
@include popup;
}
.brtPopupIcon {
@include popupIcon;
}
.brtPopupBar {
@include popupBar;
}

View file

@ -0,0 +1,3 @@
// Components
@import "brightnessPopup";
@import "volumePopup";

View file

@ -0,0 +1,11 @@
.volumePopup {
@include popup;
}
.volPopupIcon {
@include popupIcon;
}
.volPopupBar {
@include popupBar;
}

View 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;
}