Update Hyprland, use hyprpaper for wallpaper, split video
Change-Id: I4a000c722e074793d33822e8985539f212cf3299
Reviewed-on: https://git.clicks.codes/c/Coded/nixConfig/+/371
Reviewed-by: Samuel Shuert <coded@clicks.codes>
Tested-by: Samuel Shuert <coded@clicks.codes>
diff --git a/extensions/eww/eww.scss b/extensions/eww/eww.scss
index 3c47527..d2abe6d 100644
--- a/extensions/eww/eww.scss
+++ b/extensions/eww/eww.scss
@@ -1,447 +1,54 @@
-/** EWW.SCSS
-Created by saimoom **/
-*{
- all: unset;
- font-family: feather;
- font-family: DaddyTimeMono NF;
+* {
+ all: unset; //Unsets everything so you can style everything from scratch
}
-/** General **/
-.bar_class {
- background-color: #0f0f17;
- border-radius: 16px;
-}
-.module {
- margin: 0px 0px 0px 0px;
- border-radius: 10px 16px 0px 10px;
+//Global Styles
+.bar {
+ background-color: #3a3a3a;
+ color: #b0b4bc;
+ padding: 10px;
}
-/** tooltip!! **/
-tooltip.background {
- background-color: #0f0f17;
- font-size: 18;
- border-radius: 10px;
- color: #bfc9db;
-}
+// Styles on classes (see eww.yuck for more information)
-tooltip label {
- margin: 6px;
-}
-
-
-/** Widgets **/
-
-.clock_time_sep {
- font-size: 16;
- color: #bfc9db;
- margin: 0px 4px 1px 4px;
-}
-.clock_time_class, .clock_minute_class {
- font-size: 23;
-}
-.clock_date_class {
- font-size: 18;
- margin: 0px 20px 0px -1px;
- color: #d7beda;
-}
-.clock_minute_class {
- margin: 0px 20px 0px 3px;
- color: #bfc9db;
-}
-
-.clock_time_class {
- color: #bfc9db;
- font-weight: bold;
- margin: 0px 5px 0px 0px;
-}
-
-
-.membar {
- color: #e0b089;
- background-color: #38384d;
- border-radius: 10px;
-}
-.batbar {
- color: #afbea2;
- background-color: #38384d;
- border-radius: 10px;
-}
-.brightbar trough highlight {
- background-image: linear-gradient(to right, #e4c9af 30%, #f2cdcd 50%, #e0b089 100% *50);
- border-radius: 10px;
-}
-.volbar trough highlight {
- background-image: linear-gradient(to right, #afcee0 30%, #a1bdce 50%, #77a5bf 100% *50);
- border-radius: 10px;
-}
-.volume_icon {
- font-size: 22;
- color: #a1bdce;
- margin: 0px 10px 0px 10px;
-}
-
-
-.module_essid {
- font-size: 18;
- color: #a1bdce;
- margin: 0px 10px 0px 0px;
-}
-.module-wif {
- font-size: 22;
- color: #a1bdce;
- border-radius: 100%;
- margin: 0px 10px 0px 5px;
-}
-
-.iconmem {
- color: #e0b089;
-}
-.iconbat {
- color: #afbea2;
-}
-.iconbat, .iconmem {
- font-size: 15;
- margin: 10px;
-}
-.bright_icon {
- font-size: 22;
- color: #e4c9af;
- margin: 0px 10px 0px 10px;
-}
-
-
-.separ {
- color: #3e424f;
- font-weight: bold;
- font-size: 22px;
- margin: 0px 8px 0px 8px;
- }
-
-.mem_module {
- background-color: #0f0f17;
- border-radius: 16px;
- margin: 0px 10px 0px 3px;
- }
-.bat_module {
- background-color: #0f0f17;
- border-radius: 16px;
- margin: 0px 10px 0px 10px;
- }
-
-
-scale trough {
+.sidestuff slider {
all: unset;
- background-color: #22242b;
- box-shadow: 0 2px 3px 2px #06060b;
- border-radius: 16px;
- min-height: 10px;
- min-width: 70px;
- margin: 0px 10px 0px 0px;
+ color: #ffd5cd;
}
-.works {
-font-size: 27px;
-font-weight: normal;
-margin: 5px 0px 0px 20px;
-background-color: #0f0f17;
-}
-
-.0 , .01, .02, .03, .04, .05, .06,
-.011, .022, .033, .044, .055, .066{
- margin: 0px 10px 0px 0px;
-}
-
-/* Unoccupied */
-.0 {
-color: #3e424f;
-}
-
-/* Occupied */
-.01, .02, .03, .04, .05, .06 {
- color: #bfc9db;
-}
-
-/* Focused */
-.011, .022, .033, .044, .055, .066 {
- color: #a1bdce;
-}
-
-
-.song_cover_art {
- background-size: cover;
- background-position: center;
- min-height: 24px;
- min-width: 24px;
- margin: 10px;
- border-radius: 100px;
-}
-
-.song {
- color: #a1bdce;
- font-size : 18px;
- font-weight : bold;
- margin : 3px 5px 0px 0px;
-}
-
-.song_btn_play {
- color: #a1bdce;
- font-size : 28px;
- margin : 3px 0px 0px 5px;
-
-}
-
-
-.song_btn_prev, .song_btn_next {
- color: #bfc9db;
- font-size : 24px;
- margin : 3px 0px 0px 5px;
-
-}
-// Calendar
-.cal {
- background-color: #0f0f17;
- font-family: JetBrainsMono Nerd Font;
- font-size: 18px;
- font-weight: normal;
-
-.cal-in {
- padding: 0px 10px 0px 10px;
- color: #bfc9db;
-
-.cal {
- &.highlight {
- padding: 20px;
- }
-
- padding: 5px 5px 5px 5px;
- margin-left: 10px;
- }
- }
-}
-
-calender {
- color: #bfc9db;
-}
-calendar:selected {
- color: #a1bdce;
-}
-
-calendar.header {
-color: #a1bdce;
-font-weight: bold;
-}
-
-calendar.button {
-color: #afbea2;
-}
-
-calendar.highlight {
-color: #a1bdce;
-font-weight: bold;
-}
-
-calendar:indeterminate {
-color: #bfc9db;
-}
-
-
-
-
-
-
-
-.sys_sep {
- color: #38384d;
- font-size: 18;
- margin: 0px 10px 0px 10px;
-}
-.sys_text_bat_sub, .sys_text_mem_sub {
- font-size: 16;
- color: #bbc5d7;
- margin: 5px 0px 0px 25px;
-}
-.sys_text_bat, .sys_text_mem {
- font-size: 21;
- font-weight: bold;
- margin: 14px 0px 0px 25px;
-}
-.sys_icon_bat, .sys_icon_mem {
- font-size: 30;
- margin: 30px;
-}
-.sys_win {
- background-color: #0f0f17;
-}
-.sys_bat {
- color: #afbea2;
- background-color: #38384d;
+.metric scale trough highlight {
+ all: unset;
+ background-color: #D35D6E;
+ color: #000000;
border-radius: 10px;
}
-.sys_mem {
- color: #e4c9af;
- background-color: #38384d;
+.metric scale trough {
+ all: unset;
+ background-color: #4e4e4e;
+ border-radius: 50px;
+ min-height: 3px;
+ min-width: 50px;
+ margin-left: 10px;
+ margin-right: 20px;
+}
+.metric scale trough highlight {
+ all: unset;
+ background-color: #D35D6E;
+ color: #000000;
border-radius: 10px;
}
-.sys_icon_bat, .sys_text_bat {
- color: #afbea2;
+.metric scale trough {
+ all: unset;
+ background-color: #4e4e4e;
+ border-radius: 50px;
+ min-height: 3px;
+ min-width: 50px;
+ margin-left: 10px;
+ margin-right: 20px;
}
-.sys_icon_mem, .sys_text_mem {
- color: #e4c9af;
+.label-ram {
+ font-size: large;
}
-.sys_bat_box {
- border-radius: 16px;
- margin: 15px 10px 10px 20px;
- }
-.sys_mem_box {
- border-radius: 16px;
- margin: 10px 10px 15px 20px;
- }
-
-
-
-
-
-
-
-.music_pop {
- background-color: #0f0f17;
- border-radius: 16px;
+.workspaces button:hover {
+ color: #D35D6E;
}
- .music_cover_art {
- background-size: cover;
- background-position: center;
- min-height: 100px;
- box-shadow: 5px 5px 5px 5px #06060b;
- min-width: 170px;
- margin: 20px;
- border-radius: 20px;
-}
-
-.music {
- color: #a1bdce;
- font-size : 20px;
- font-weight : bold;
- margin : 20px 0px 0px -15px;
-}
-
-.music_artist {
- color: #bbc5d7;
- font-size : 16px;
- font-weight : normal;
- margin : 0px 0px 0px 0px;
-}
-
-.music_btn_prev, .music_btn_play, .music_btn_next {
- font-family: Iosevka Nerd Font;
-}
-.music_btn_prev {
- color: #bbc5d7;
- font-size : 32px;
- font-weight : normal;
- margin: 0px 0px 0px 0px;
-}
-.music_btn_play {
- color: #a1bdce;
- font-size : 48px;
- font-weight : normal;
- margin: 0px 0px 0px 0px;
-}
-.music_btn_next {
- color: #bbc5d7;
- font-size : 32px;
- font-weight : normal;
- margin: 0px 0px 0px 0px;
-}
-
-.music_bar scale trough highlight {
- all: unset;
- background-image: linear-gradient(to right, #afcee0 30%, #a1bdce 50%, #77a5bf 100% *50);
- border-radius: 24px;
-}
-.music_bar scale trough {
- all: unset;
- background-color: #232232;
- box-shadow: 0 6px 5px 2px #06060b;
- border-radius: 24px;
- min-height: 13px;
- min-width: 190px;
- margin : -10px 10px 20px 0px;
-}
-
-.audio-box {
- background-color: #0f0f17;
- border-radius: 16px;
-}
-.speaker_icon {
- background-size: cover;
- background-image: url('images/speaker.png');
- background-position: center;
- min-height: 70px;
- min-width: 75px;
- margin: 10px 20px 5px 20px;
- border-radius: 12px;
-}
-
-.speaker_text {
- color: #a1bdce;
- font-size : 26px;
- font-weight : bold;
- margin: 20px 0px 0px 0px;
-}
-
-.speaker_bar scale trough highlight {
- all: unset;
- background-image: linear-gradient(to right, #afcee0 30%, #a1bdce 50%, #77a5bf 100% *50);
- border-radius: 24px;
-}
-.speaker_bar scale trough {
- all: unset;
- background-color: #232232;
- box-shadow: 0 6px 5px 2px #06060b;
- border-radius: 24px;
- min-height: 13px;
- min-width: 120px;
- margin : 0px 0px 5px 0px;
-}
-
-
-
-
-.mic_icon {
- background-size: cover;
- background-image: url('images/mic.png');
- background-position: center;
- min-height: 70px;
- min-width: 75px;
- margin: 5px 20px 20px 20px;
- border-radius: 12px;
-}
-
-.mic_text {
- color: #a1bdce;
- font-size : 26px;
- font-weight : bold;
- margin: 0px 0px 0px 0px;
-}
-
-.mic_bar scale trough highlight {
- all: unset;
- background-image: linear-gradient(to right, #afcee0 30%, #a1bdce 50%, #77a5bf 100% *50);
- border-radius: 24px;
-}
-.mic_bar scale trough {
- all: unset;
- box-shadow: 0 6px 5px 2px #06060b;
- background-color: #232232;
- border-radius: 24px;
- min-height: 13px;
- min-width: 120px;
- margin : 0px 0px 20px 0px;
-}
-
-.audio_sep {
- color: #38384d;
- font-size: 18;
- margin : 0px 0px 0px 0px;
-}
-