Newer
Older
dotfiles / .config / eww / dashboard / [tokyo night]eww.scss
/** 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: #15161E;
	border-radius: 16px;
}

/** Profile ******************************************/
.face {
	background-size: 200px;
	min-height: 200px;
	min-width: 200px;
	margin: 65px 0px 0px 0px;
	border-radius: 100%;
}

.fullname {
	color: #ef596f;
	font-size : 30px;
	font-weight : bold;
}

.username {
	color: #6BB2C0;
	font-size : 22px;
	font-weight : bold;
	margin : -15px 0px 0px 0px;
}

/** System ********************************************/
.iconcpu, .iconmem, .iconbright, .iconbat {
	font-size : 32px;
	font-weight : normal;
}
.iconcpu {
	color: #f7768e;
}
.iconmem {
	color: #9ece6a;
}
.iconbright {
	color: #e0af68;
}
.iconbat {
	color: #7aa2f7;
}

.cpu_bar, .mem_bar, .bright_bar, .bat_bar, scale trough {
	all: unset;
	background-color: #282C34;
	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: #f7768e;
}
.mem_bar scale trough highlight {
	background-color: #9ece6a;
}
.bright_bar scale trough highlight {
	background-color: #e0af68;
}
.bat_bar scale trough highlight {
	background-color: #7aa2f7;
}

/** Clock ********************************************/
.time_hour, .time_min {
	color: #7dcfff;
	font-size : 70px;
	font-weight : bold;
}
.time_hour {
	margin : 15px 0px 0px 20px;
}
.time_min {
	margin : 0px 0px 10px 0px;
}

.time_mer {
	color: #9ece6a;
	font-size : 40px;
	font-weight : bold;
	margin : 20px 0px 0px 0px;
}

.time_day {
	color: #e0af68;
	font-size : 30px;
	font-weight : normal;
	margin : 0px 0px 20px -20px;
}

/** Uptime ********************************************/
.icontimer {
	color: #bb9af7;
	font-size : 90px;
	font-weight : normal;
}

.uphour {
	color: #c0caf5;
	font-size : 42px;
	font-weight : bold;
}

.upmin {
	color: #c0caf5;
	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: #6BB2C0;
	font-size : 24px;
	font-weight : bold;
	margin : 40px 0px 0px 0px;
}

.artist {
	color: #e0af68;
	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: #e0af68;
	font-size : 32px;
	font-weight : normal;
}
.btn_play {
	color: #9ece6a;
	font-size : 48px;
	font-weight : bold;
}
.btn_next {
	color: #e0af68;
	font-size : 32px;
	font-weight : normal;
}

.music_bar scale trough highlight {
	all: unset;
	background-color: #bb9af7;
	border-radius: 8px;
}
.music_bar scale trough {
	all: unset;
	background-color: #282C34;
	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 : #7dcfff;
	font-size : 80px;
	font-weight : bold;
	margin : -15px 30px 0px 0px;
}

.label_stat {
	color : #f7768e;
	font-size : 38px;
	font-weight : bold;
}

.label_quote {
	color : #a9b1d6;
	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: #f7768e;
}
.btn_sleep {
	color: #9ece6a;
}
.btn_reboot {
	color: #e0af68;
}
.btn_poweroff {
	color: #7aa2f7;
}

/** Home folders ***************************************/
.hddbox {
	background-color: #282C34;
	border-radius: 10px;
	margin : 15px;
}
.hddicon {
	color: #7dcfff;
	font-family: Iosevka Nerd Font;
	font-size : 70px;
	font-weight : normal;
	margin : 25px 20px 25px 40px;
}
.hdd_label {
	color: #c0caf5;
	font-size : 48px;
	font-weight : bold;
	margin : 0px 0px 0px 15px;
}
.fs_sep {
	color: #15161E;
	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: #f7768e;
}
.iconfolder2 {
	color: #9ece6a;
}
.iconfolder3 {
	color: #e0af68;
}
.iconfolder4 {
	color: #7dcfff;
}
.iconfolder5 {
	color: #bb9af7;
}
.iconfolder6 {
	color: #7aa2f7;
}

.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: #f7768e;
}
.label_folder2 {
	color: #9ece6a;
}
.label_folder3 {
	color: #e0af68;
}
.label_folder4 {
	color: #7dcfff;
}
.label_folder5 {
	color: #bb9af7;
}
.label_folder6 {
	color: #7aa2f7;
}

/** EOF *************************************************/