From 825c29b5e0740b27439003f21e1a1a74e563cfd5 Mon Sep 17 00:00:00 2001 From: Hsieh Chin Fan Date: Sat, 4 Feb 2023 08:33:47 +0800 Subject: Add eww config from aditaya --- X11/eww/eww.scss | 377 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 377 insertions(+) create mode 100644 X11/eww/eww.scss (limited to 'X11/eww/eww.scss') diff --git a/X11/eww/eww.scss b/X11/eww/eww.scss new file mode 100644 index 0000000..e7fb3fa --- /dev/null +++ b/X11/eww/eww.scss @@ -0,0 +1,377 @@ +/** Global *******************************************/ +*{ + all: unset; + font-family: feather; + font-family: Iosevka; +} + +/** Background ***************************************/ +.bg { + background-image: url("images/bg.png"); + background-color: #474D59; + opacity: 1; +} + +/** Generic window ***********************************/ +.genwin { + background-color: #2E3440; + border-radius: 16px; +} + +/** Profile ******************************************/ +.face { + background-size: 200px; + min-height: 200px; + min-width: 200px; + margin: 65px 0px 0px 0px; + border-radius: 100%; +} + +.fullname { + color: #D46389; + font-size : 30px; + font-weight : bold; +} + +.username { + color: #8FBCBB; + font-size : 22px; + font-weight : bold; + margin : -15px 0px 0px 0px; +} + +/** System ********************************************/ +.iconcpu, .iconmem, .iconbright, .iconbat { + font-size : 32px; + font-weight : normal; +} +.iconcpu { + color: #BF616A; +} +.iconmem { + color: #A3BE8C; +} +.iconbright { + color: #EBCB8B; +} +.iconbat { + color: #88C0D0; +} + +.cpu_bar, .mem_bar, .bright_bar, .bat_bar, scale trough { + all: unset; + background-color: #3A404C; + border-radius: 16px; + min-height: 28px; + min-width: 240px; +} + +.cpu_bar, .mem_bar, .bright_bar, .bat_bar, scale trough highlight { + all: unset; + border-radius: 16px; +} + +.cpu_bar scale trough highlight { + background-color: #BF616A; +} +.mem_bar scale trough highlight { + background-color: #A3BE8C; +} +.bright_bar scale trough highlight { + background-color: #EBCB8B; +} +.bat_bar scale trough highlight { + background-color: #88C0D0; +} + +/** Clock ********************************************/ +.time_hour, .time_min { + color: #81A1C1; + font-size : 120px; + font-weight : bold; +} +.time_hour { + margin : 15px 0px 0px 20px; +} +.time_min { + margin : 0px 0px 10px 0px; +} + +.time_mer { + color: #A3BE8C; + font-size : 80px; + font-weight : bold; + margin : 20px 0px 0px 0px; +} + +.time_day { + color: #EBCB8B; + font-size : 70px; + font-weight : normal; + margin : 0px 0px 20px -20px; +} + +/** Uptime ********************************************/ +.icontimer { + color: #B48EAD; + font-size : 90px; + font-weight : normal; +} + +.uphour { + color: #E5E9F0; + font-size : 42px; + font-weight : bold; +} + +.upmin { + color: #E5E9F0; + font-size : 32px; + font-weight : bold; +} + +/** Music ***************************************/ +.album_art { + background-size: 240px; + min-height: 240px; + min-width: 240px; + margin: 20px; + border-radius: 14px; +} + +.song { + color: #8FBCBB; + font-size : 24px; + font-weight : bold; + margin : 40px 0px 0px 0px; +} + +.artist { + color: #EBCB8B; + font-size : 16px; + font-weight : normal; + margin : 0px 0px 15px 0px; +} + +.btn_prev, .btn_play, .btn_next { + font-family: Iosevka Nerd Font; +} +.btn_prev { + color: #EBCB8B; + font-size : 32px; + font-weight : normal; +} +.btn_play { + color: #A3BE8C; + font-size : 48px; + font-weight : bold; +} +.btn_next { + color: #EBCB8B; + font-size : 32px; + font-weight : normal; +} + +.music_bar scale trough highlight { + all: unset; + background-color: #B48EAD; + border-radius: 8px; +} +.music_bar scale trough { + all: unset; + background-color: #3A404C; + border-radius: 8px; + min-height: 20px; + min-width: 310px; + margin : 10px 0px 0px 0px; +} + +/** Weather ***************************************/ +.iconweather { + font-family: Iosevka Nerd Font; + font-size : 120px; + font-weight : normal; + margin : 15px 0px 0px 30px; +} + +.label_temp { + color : #A6D1DD; + font-size : 80px; + font-weight : bold; + margin : -15px 30px 0px 0px; +} + +.label_stat { + color : #BF616A; + font-size : 38px; + font-weight : bold; +} + +.label_quote { + color : #E5E5E5; + font-size : 18px; + font-weight : normal; +} + +/** Applications ***************************************/ +.appbox { + margin : 15px 0px 0px 25px; +} + +.app_fox, .app_telegram, .app_discord, .app_terminal, +.app_files, .app_geany, .app_code, .app_gimp, .app_vbox { + background-repeat: no-repeat; + background-size: 64px; + min-height: 64px; + min-width: 64px; + margin: 8px 8px 0px 8px; +} + +.app_fox {} +.app_telegram {} +.app_discord {} +.app_terminal {} +.app_files {} +.app_geany {} +.app_code {} +.app_gimp {} +.app_vbox {} + +/** Links ***************************************/ +.iconweb, .iconmail { + color: #FFFFFF; + font-family: Iosevka Nerd Font; + font-size : 70px; + font-weight : normal; +} +.iconmail { + color: #DF584E; +} + +.github { + background-color: #24292E; + border-radius: 16px; +} +.reddit { + background-color: #E46231; + border-radius: 16px; +} +.twitter { + background-color: #61AAD6; + border-radius: 16px; +} +.youtube { + background-color: #DF584E; + border-radius: 16px; +} +.mail { + background-color: #FFFFFF; + border-radius: 16px; +} + +.mailbox { + background-color: #E5E5E5; + border-radius: 10px; + margin: 48px 0px 48px 0px; +} +.label_mails { + color: #404040; + font-size : 32px; + font-weight : bold; + margin: 0px 12px 0px 12px; +} + +/** Power buttons ***************************************/ +.btn_logout, .btn_sleep, .btn_reboot, .btn_poweroff { + font-size : 48px; + font-weight : bold; +} + +.btn_logout { + color: #BF616A; +} +.btn_sleep { + color: #A3BE8C; +} +.btn_reboot { + color: #EBCB8B; +} +.btn_poweroff { + color: #88C0D0; +} + +/** Home folders ***************************************/ +.hddbox { + background-color: #3A404C; + border-radius: 10px; + margin : 15px; +} +.hddicon { + color: #81A1C1; + font-family: Iosevka Nerd Font; + font-size : 70px; + font-weight : normal; + margin : 25px 20px 25px 40px; +} +.hdd_label { + color: #E5E9F0; + font-size : 48px; + font-weight : bold; + margin : 0px 0px 0px 15px; +} +.fs_sep { + color: #2E3440; + font-size : 36px; + font-weight : bold; +} + +.iconfolder1, .iconfolder2, .iconfolder3, .iconfolder4, .iconfolder5, .iconfolder6 { + font-family: Iosevka Nerd Font; + font-size : 32px; + font-weight : normal; + margin : 0px 0px 0px 75px; +} +.iconfolder1 { + color: #BF616A; +} +.iconfolder2 { + color: #A3BE8C; +} +.iconfolder3 { + color: #EBCB8B; +} +.iconfolder4 { + color: #81A1C1; +} +.iconfolder5 { + color: #B48EAD; +} +.iconfolder6 { + color: #88C0D0; +} + +.label_folder1, .label_folder2, .label_folder3, .label_folder4, .label_folder5, .label_folder6 { + font-size : 22px; + font-weight : normal; + margin : 0px 0px 0px 30px; +} +.label_folder1 { + color: #BF616A; +} +.label_folder2 { + color: #A3BE8C; +} +.label_folder3 { + color: #EBCB8B; +} +.label_folder4 { + color: #81A1C1; +} +.label_folder5 { + color: #B48EAD; +} +.label_folder6 { + color: #88C0D0; +} + +/** EOF *************************************************/ -- cgit v1.2.3-70-g09d2