From af120ab348f2e1a5a39dec035ed9dcf84189a64e Mon Sep 17 00:00:00 2001 From: Biswakalyan Bhuyan Date: Mon, 3 Oct 2022 21:42:20 +0530 Subject: dotfiles --- eww/scss/focal/audioSlider.scss | 46 ++++++++++++++++++++++++ eww/scss/focal/focal.scss | 79 +++++++++++++++++++++++++++++++++++++++++ eww/scss/footer/backlight.scss | 20 +++++++++++ eww/scss/footer/brightness.scss | 20 +++++++++++ eww/scss/footer/btns.scss | 52 +++++++++++++++++++++++++++ eww/scss/header/fetch.scss | 29 +++++++++++++++ eww/scss/header/statusBtns.scss | 16 +++++++++ eww/scss/themes/catppuccin.scss | 10 ++++++ eww/scss/themes/dracula.scss | 10 ++++++ eww/scss/themes/everblush.scss | 9 +++++ eww/scss/themes/gruvchad.scss | 10 ++++++ eww/scss/themes/nord.scss | 10 ++++++ eww/scss/themes/onedark.scss | 10 ++++++ 13 files changed, 321 insertions(+) create mode 100644 eww/scss/focal/audioSlider.scss create mode 100644 eww/scss/focal/focal.scss create mode 100644 eww/scss/footer/backlight.scss create mode 100644 eww/scss/footer/brightness.scss create mode 100644 eww/scss/footer/btns.scss create mode 100644 eww/scss/header/fetch.scss create mode 100644 eww/scss/header/statusBtns.scss create mode 100644 eww/scss/themes/catppuccin.scss create mode 100644 eww/scss/themes/dracula.scss create mode 100644 eww/scss/themes/everblush.scss create mode 100644 eww/scss/themes/gruvchad.scss create mode 100644 eww/scss/themes/nord.scss create mode 100644 eww/scss/themes/onedark.scss (limited to 'eww/scss') diff --git a/eww/scss/focal/audioSlider.scss b/eww/scss/focal/audioSlider.scss new file mode 100644 index 0000000..5f323cd --- /dev/null +++ b/eww/scss/focal/audioSlider.scss @@ -0,0 +1,46 @@ +.audioSliders { + margin-bottom: 1rem; +} + +.masterSlider,.headphoneSlider,.micSlider { + margin: 0 .5rem; + font-size: 1.5rem; + margin-top: -1rem; + margin-bottom: -2rem; +} + +.addPadding { + padding: 0 .3rem; +} + +.masterSlider scale trough highlight, .headphoneSlider scale trough highlight , .micSlider scale trough highlight { + border-radius: 10px; +} + +.masterSlider scale trough, .headphoneSlider scale trough , .micSlider scale trough { + background-color: $blackAlt; + border-radius: 1rem; + min-width: 1.5rem; +} + +.masterSlider scale trough highlight { + background-color: $red; +} + +.headphoneSlider scale trough highlight { + background-color: $yellow; +} + +.micSlider scale trough highlight { + background-color: $blue; +} + +.audioIcon { + font-family: 'JetbrainsMono Nerd Font'; + font-size: 1.5rem; + margin-bottom: 2rem; + padding: 0.5rem 1.1rem; + background-color: $blackAlt; + border-radius: 50%; + color: $lightGrey; +} diff --git a/eww/scss/focal/focal.scss b/eww/scss/focal/focal.scss new file mode 100644 index 0000000..183bed1 --- /dev/null +++ b/eww/scss/focal/focal.scss @@ -0,0 +1,79 @@ +.radialBars { + margin-bottom: -4rem; + padding: 1.5rem 0.8rem; +} + +// progress bars +.CPU, .RAM , .DISK, .battery { + background-color: $blackAlt; + color: $blue; + font-size: 2.1rem; + font-family: 'JetBrainsMono Nerd Font'; +} + +.CPU { + font-size: 2.5rem; +} + +.RAM { + color: $green; +} + +.battery { + color: $red; +} + +.DISK { + font-size: 1rem; + color: $white; + background-color: $grey; +} + +.time { + font-family: 'Iosevka'; + font-size: 1.2rem; + background-color: $blackAlt; + margin: 2.5rem 0.5rem; + margin-bottom: -0.6rem; + border-radius:1rem; + padding: 0 1rem; + color: $white; +} + +.mute { + background-color: $blackAlt; + border-radius: 1rem; + color: $green; + font-family: 'JetBrainsMono Nerd Font'; + font-size: 2rem; + margin: .8rem ; +} + +.mute:hover { + background-color: $grey; + color: $white; +} + +.pkgs{ + margin: 1.5rem; + border-radius: 1rem; + font-family: 'JetBrainsMono Nerd Font'; + color: $green; + background-color: $blackAlt; + padding: 0 1rem; +} + +.pkgsBox { + margin: -1rem; + margin-top: .3rem; + margin-bottom: -3.5rem; + margin-left: .15rem; +} + +.CPUBOX { + margin-right: .4rem; +} + +.RAMBOX { + margin-left: .4rem; +} diff --git a/eww/scss/footer/backlight.scss b/eww/scss/footer/backlight.scss new file mode 100644 index 0000000..f7e3c5e --- /dev/null +++ b/eww/scss/footer/backlight.scss @@ -0,0 +1,20 @@ +* { + all: unset; +} + +.brightness { + padding: 0 1rem; + margin-bottom: -2rem; +} + +.brightness scale trough highlight { + background-color: $red; + border-radius: 10px; +} + +.brightness scale trough { + background-color: $grey; + border-radius: 1rem; + min-width: 16rem; + min-height: .3rem; +} diff --git a/eww/scss/footer/brightness.scss b/eww/scss/footer/brightness.scss new file mode 100644 index 0000000..f7e3c5e --- /dev/null +++ b/eww/scss/footer/brightness.scss @@ -0,0 +1,20 @@ +* { + all: unset; +} + +.brightness { + padding: 0 1rem; + margin-bottom: -2rem; +} + +.brightness scale trough highlight { + background-color: $red; + border-radius: 10px; +} + +.brightness scale trough { + background-color: $grey; + border-radius: 1rem; + min-width: 16rem; + min-height: .3rem; +} diff --git a/eww/scss/footer/btns.scss b/eww/scss/footer/btns.scss new file mode 100644 index 0000000..b520c1e --- /dev/null +++ b/eww/scss/footer/btns.scss @@ -0,0 +1,52 @@ +.btn { + font-family: "JetbrainsMono Nerd Font"; + font-size: 1.6rem; + padding: 0 1.3rem; + box-shadow: none; + background-color: $grey; + border-radius: 50%; +} + +.close { + color: $red; +} + +.sleep { + color: $red; +} + +.restart { + color: $green; +} + +.lock { + color: $blue; + padding: 0 1.4rem; +} + +.lock:hover , .restart:hover, .wifi:hover, .sleep:hover{ + background-color: $green; + color: $black; +} + +.wifi { + background-color: $red; + color: $black; + padding: 0 1.1rem; +} + +.lock, .restart, .close, .wifi{ + transition: ease-out .2s; +} + +.btnMargin { + background-color: $grey; + border-radius: 50%; + margin: 0.5rem; +} + +.footerBtns { + background-color: $blackAlt; + padding: 0.5rem; + border-radius: 1.3rem; +} diff --git a/eww/scss/header/fetch.scss b/eww/scss/header/fetch.scss new file mode 100644 index 0000000..346f7c7 --- /dev/null +++ b/eww/scss/header/fetch.scss @@ -0,0 +1,29 @@ +.fetchContent { + padding: 2rem 0; + font-family: 'JetBrainsMono Nerd Font'; + color: $white; + border-right: 2px solid $grey; +} + +.logo { + font-family: 'JetBrainsMono Nerd Font'; + font-size: 4rem; + color: $green; + margin:0 1.5rem +} + +.fetch { + background-color: $blackAlt; + border-radius: 1rem; + margin-bottom: 1rem; + margin-top: .6rem; +} + +.fetchTitles { + color: $green; + padding-right: 1rem +} + +.hdd { + margin: 1rem; +} diff --git a/eww/scss/header/statusBtns.scss b/eww/scss/header/statusBtns.scss new file mode 100644 index 0000000..8fb782a --- /dev/null +++ b/eww/scss/header/statusBtns.scss @@ -0,0 +1,16 @@ +.close , .min , .max{ + font-family: 'JetBrainsMono Nerd Font'; + font-size: 1.3rem; + padding: 0 0.3rem; + color: $red; +} + +.min { + color: $yellow; +} + +.close:hover , .min:hover{ + background-color: $grey; + color: $white; + border-radius: 50%; +} diff --git a/eww/scss/themes/catppuccin.scss b/eww/scss/themes/catppuccin.scss new file mode 100644 index 0000000..efbcd7f --- /dev/null +++ b/eww/scss/themes/catppuccin.scss @@ -0,0 +1,10 @@ +$white: #D9E0EE; +$black: #1E1D2D; +$blackAlt: #252434; +$grey: #313040; +$lightGrey: #585767; +$green: #ABE9B3; +$red: #F28FAD; +$blue: #8bc2f0; +$yellow: #FAE3B0; +$purple: #d5aeea; diff --git a/eww/scss/themes/dracula.scss b/eww/scss/themes/dracula.scss new file mode 100644 index 0000000..e00ab14 --- /dev/null +++ b/eww/scss/themes/dracula.scss @@ -0,0 +1,10 @@ +$white: #f8f8f2; +$black: #21222c; +$blackAlt: #282a36; +$grey: #44475a; +$lightGrey: #6272a4; +$green: #50fa7b; +$red: #ff5555; +$blue: #8be9fd; +$yellow: #f1fa8c; +$purple: #bd93f9; diff --git a/eww/scss/themes/everblush.scss b/eww/scss/themes/everblush.scss new file mode 100644 index 0000000..b7b734d --- /dev/null +++ b/eww/scss/themes/everblush.scss @@ -0,0 +1,9 @@ +$white: #dadada; +$black: #181f21; +$blackAlt: #202729; +$grey: #2f3638; +$lightGrey: #575e60; +$green: #8ccf7e ; +$red: #e06e6e; +$blue: #67b0e8; +$yellow: #e5c76b; diff --git a/eww/scss/themes/gruvchad.scss b/eww/scss/themes/gruvchad.scss new file mode 100644 index 0000000..024095b --- /dev/null +++ b/eww/scss/themes/gruvchad.scss @@ -0,0 +1,10 @@ +$white: #c7b89d; +$black: #1e2122; +$blackAlt: #242728; +$grey: #2f3233; +$lightGrey: #696c6d; +$green: #89b482; +$red: #ec6b64; +$blue: #6d8dad; +$yellow: #d6b676; +$purple: #9f899c; diff --git a/eww/scss/themes/nord.scss b/eww/scss/themes/nord.scss new file mode 100644 index 0000000..7102311 --- /dev/null +++ b/eww/scss/themes/nord.scss @@ -0,0 +1,10 @@ +$white: #D8DEE9; +$black: #2a303c; +$blackAlt: #333945; +$grey: #3e4450; +$lightGrey: #545a66; +$green: #A3BE8C; +$red: #d57780; +$blue: #81A1C1; +$yellow: #EBCB8B; +$purple: #c882e7; diff --git a/eww/scss/themes/onedark.scss b/eww/scss/themes/onedark.scss new file mode 100644 index 0000000..fad0849 --- /dev/null +++ b/eww/scss/themes/onedark.scss @@ -0,0 +1,10 @@ +$white: #abb2bf; +$black: #1e222a; +$blackAlt: #252931; +$grey: #353b45; +$lightGrey: #6f737b; +$green: #7eca9c; +$red: #e06c75; +$blue: #61afef; +$yellow: #e7c787; +$purple: #c882e7; -- cgit v1.2.3-59-g8ed1b