habitica-self-host/public/css/global-colors.styl
benmanley 57eb80f9db refactor(.hero-stats): restyle status meters
Add text to icons to clarify purpose of each bar
Tidy up tooltip behaviour
Aesthetic changes
2014-06-05 16:19:22 +01:00

28 lines
No EOL
921 B
Stylus

// Task colors
$worst = rgb(230, 184, 175)
$worse = rgb(244, 204, 204)
$bad = rgb(252, 229, 205)
$neutral = rgb(255, 242, 204)
$good = rgb(217, 234, 211)
$better = rgb(208, 224, 227)
$best = rgb(201, 218, 248)
$completed = rgb(217, 217, 217)
//Label colors
$color-purple = #b881b9
// avatar background colors
$color-herobox = desaturate(lighten($better, 16%),32%)
// Header status bar
$color-hp = $worse
$color-xp = $neutral
$color-mp = $best
// Navigation background colors
$color-toolbar = lighten($color-herobox, 70%)
$color-options-menu = lighten($color-herobox, 85%)
$color-options-submenu = lighten($color-herobox, 75%)
// button color variables
$color-button-style-one = $best
// Task background
$color-tasks = lighten($color-herobox, 65%)
// Task filter colors
$color-filter-tag = lighten($good,90%)
$color-filter-tag-challenge = lighten($color-purple,90%)