elal
/
dotfiles
mirror of https://github.com/E-Almqvist/dotfiles
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

CRinge

Browse Source
lightmode
E. Almqvist 2 years ago
parent 7f8a0e3ee3
commit 67b6e7ce5e
No known key found for this signature in database
GPG Key ID: E31A99CE3E75A158
2 changed files with 117 additions and 104 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 36
      alacritty/.config/alacritty/alacritty.yml
  2. 185
      eww/.config/eww/eww.scss

36
alacritty/.config/alacritty/alacritty.yml
Unescape View File

@ -68,28 +68,28 @@ draw_bold_text_with_bright_colors: true
colors:
primary:
background: '0xE0E0E0'
foreground: '0x181818'
background: '0xffffff'
foreground: '0x4d4d4c'
normal:
black: '0x665c54'
red: '0xea6962'
green: '0xa9b665'
yellow: '0xe78a4e'
blue: '0x7daea3'
magenta: '0xd3869b'
cyan: '0x89b482'
white: '0x000000'
black: '0x1d1f21'
red: '0xc82829'
green: '0x718c00'
yellow: '0xf5871f'
blue: '0x4271ae'
magenta: '0x8959a8'
cyan: '0x3e999f'
white: '0xd6d6d6'
bright:
black: '0x928374'
red: '0xea6962'
green: '0xa9b665'
yellow: '0xe3a84e'
blue: '0x7daea3'
magenta: '0xd3869b'
cyan: '0x89b482'
white: '0x222222'
black: '0x8e908c'
red: '0xff3334'
green: '0x89aa00'
yellow: '0xeab700'
blue: '0x5795e6'
magenta: '0xb777e0'
cyan: '0x66bdc3'
white: '0xefefef'
cursor:
# Values for `style`:

185
eww/.config/eww/eww.scss
Unescape View File

@ -4,22 +4,23 @@ $icon-size: 18px;
$logo-size: 22px;
// Basic colors
$black: #121212;
$red: #f7768c;
$green: #9ece6a;
$yellow: #e0af68;
$blue: #6677bb;
$magenta: #ad8ee6;
$cyan: #449dab;
$white: #787c99;
$black: #1d1f21;
$red: #c82829;
$green: #718c00;
$yellow: #eab700;
$blue: #4271ae;
$magenta: #8959a8;
$cyan: #66bdc3;
$white: #d6d6d6;
// Colors
$bg-color: #E0E0E0;
$bg-alt-color: #E0E0E0;
$fg-color: #181818;
$fg-alt-color: #181818;
$bg-color: #fff;
$bg-alt-color: #d6d6d6;
$fg-color: #4d4d4c;
$fg-alt-color: #4d4d4c;
$fg-sel-color: $blue;
$border-color: #909090;
$fg-desel-color: $white;
$border-color: #d6d6d6;
$fg-accent: $blue;
@ -27,21 +28,22 @@ $fg-accent: $blue;
$anim-transition: 150ms;
* {
all: unset; //Unsets everything so you can style everything from scratch
font-family: "Fira Code";
// color: $fg-color;
all: unset; //Unsets everything so you can style everything from scratch
font-family: "Fira Code";
// color: $fg-color;
}
tooltip {
color: $fg-alt-color;
background-color: $bg-alt-color;
color: $fg-alt-color;
background-color: $bg-alt-color;
}
.bar-1, .bar-2 {
background-color: $bg-color;
color: $fg-color;
border-right: solid 1px $border-color;
padding: .3rem;
.bar-1,
.bar-2 {
background-color: $bg-color;
color: $fg-color;
border-right: solid 1px $border-color;
padding: 0.3rem;
}
.segment-end {
@ -49,133 +51,144 @@ tooltip {
// Styles on classes (see eww.yuck for more information)
button {
transition-property: opacity, color;
transition-duration: $anim-transition;
transition-property: opacity, color;
transition-duration: $anim-transition;
}
// Workspaces
.workspaces {
// background-color: $bg-alt-color;
// padding: .3rem;
// border: solid 1px $black;
// border-radius: $font-size;
// background-color: $bg-alt-color;
// padding: .3rem;
// border: solid 1px $black;
// border-radius: $font-size;
}
.workspaces > button {
font-size: $font-size;
margin: 4px;
font-size: $font-size;
margin: 4px;
}
.workspaces > button:hover {
color: $fg-accent;
opacity: 0.8;
color: $fg-accent;
opacity: 0.8;
}
button.active {
font-weight: bold;
color: $blue;
// font-weight: bold;
color: $fg-sel-color;
}
button.inactive {
color: $fg-desel-color;
}
button.inactive { opacity: 0.2; }
// Generic stuff
scale trough {
all: unset;
background-color: $bg-alt-color;
border-radius: 5px;
min-height: 60px;
min-width: 4px;
margin: .3rem 0 .3rem 0;
all: unset;
background-color: $bg-alt-color;
border-radius: 5px;
min-height: 60px;
min-width: 4px;
margin: 0.3rem 0 0.3rem 0;
}
// Menu
.powermenu {
transition: color $anim-transition;
// border-right: solid 1px $border-color;
padding: .5rem .2rem .3rem .2rem;
transition: color $anim-transition;
// border-right: solid 1px $border-color;
padding: 0.5rem 0.2rem 0.3rem 0.2rem;
}
.quit, .lock, .reboot, .poweroff {
// padding: .5rem .2rem .3rem .2rem;
.quit,
.lock,
.reboot,
.poweroff {
// padding: .5rem .2rem .3rem .2rem;
}
// Colors for the buttons
.lock:hover { color: $white; }
.quit:hover { color: $green; }
.reboot:hover { color: $yellow; }
.poweroff:hover { color: $red; }
.lock:hover {
color: $white;
}
.quit:hover {
color: $green;
}
.reboot:hover {
color: $yellow;
}
.poweroff:hover {
color: $red;
}
.pm-active {
// background-color: $bg-alt-color;
// border-radius: 5px;
// background-color: $bg-alt-color;
// border-radius: 5px;
}
.pm-inner {
padding: .2rem 0;
padding: 0.2rem 0;
}
// Control
.control {
margin-bottom: $logo-size;
padding: .5rem;
margin: 0 .5rem 0 .5rem;
font-family: Material Icons;
font-size: 1.6em;
border-radius: 5px;
margin-bottom: $logo-size;
padding: 0.5rem;
margin: 0;
font-family: Material Icons;
font-size: 1.6em;
border-radius: 5px;
}
.icon {
margin: 0 .2rem;
font-size: $icon-size;
font-family: Material Icons;
padding: 0 1px;
margin: 0 0.2rem;
font-size: $icon-size;
font-family: Material Icons;
padding: 0 1px;
}
.icon:hover {
opacity: 0.6;
// color: red;
opacity: 0.6;
}
// Volume stuff
.volbar trough highlight {
background-color: $fg-accent;
border-radius: 5px;
background-color: $fg-accent;
border-radius: 5px;
}
// Time
.time {
font-size: 11px;
font-weight: bold;
border-top: solid 2px $border-color;
color: $fg-alt-color;
padding: 1rem 0;
padding-bottom: 0rem;
margin: .5rem 0 .5rem 0;
font-size: 11px;
font-weight: bold;
border-top: solid 2px $border-color;
padding: 1rem 0;
padding-bottom: 0rem;
margin: 0.5rem 0 0.5rem 0;
}
// Logo button
.logo {
margin: 0 .8rem;
margin-top: 6px;
font-size: $logo-size;
opacity: 0.6;
margin: 0 0.8rem;
margin-top: 6px;
font-size: $logo-size;
// opacity: 0.6;
}
.logo-seperator {
border-bottom: 2px solid $border-color;
padding-bottom: .4rem;
border-bottom: 2px solid $border-color;
padding-bottom: 0.4rem;
}
// Color overrides
.red {
color: $red;
opacity: 0.8;
color: $red;
opacity: 0.8;
}
// Music widget
.musicmenu {
// background-color: $bg-alt-color;
// background-color: $bg-alt-color;
}
.mm-inner {
color: $blue;
color: $blue;
}

Write Preview
Loading…
Cancel
Save