habitica/public/css/global-colors.styl

// 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%)
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 15:17:33 +00:00			`// Task colors`
fix the 1px gap 2013-03-18 23:33:30 +00:00			`$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)`
Add herobox background colour variables 2014-03-16 23:53:51 +00:00			`$completed = rgb(217, 217, 217)`
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 15:17:33 +00:00			`//Label colors`
			`$color-purple = #b881b9`
Improve toolbar and global styles 2014-04-05 14:03:36 +00:00			`// avatar background colors`
Add herobox background colour variables 2014-03-16 23:53:51 +00:00			`$color-herobox = desaturate(lighten($better, 16%),32%)`
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 15:17:33 +00:00			`// Header status bar`
			`$color-hp = $worse`
			`$color-xp = $neutral`
			`$color-mp = $best`
Add global styles for labels and menus 2014-04-15 22:38:48 +00:00			`// Navigation background colors`
Improve toolbar and global styles 2014-04-05 14:03:36 +00:00			`$color-toolbar = lighten($color-herobox, 70%)`
Add global styles for labels and menus 2014-04-15 22:38:48 +00:00			`$color-options-menu = lighten($color-herobox, 85%)`
			`$color-options-submenu = lighten($color-herobox, 75%)`
Start a custom CSS framework 2014-04-03 08:19:54 +00:00			`// button color variables`
feat(filters): add button to hide tags and restyle filters.styl * restyle tags and filter controls using global styles filter.jade * add button to toggle visibility * change controls from icons to text global-modules * add new extends and mixins for button bar and tags global-colors.styl * add tag colours 2014-05-09 15:51:12 +00:00			`$color-button-style-one = $best`
			`// Task background`
			`$color-tasks = lighten($color-herobox, 65%)`
			`// Task filter colors`
			`$color-filter-tag = lighten($good,90%)`
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 15:17:33 +00:00			`$color-filter-tag-challenge = lighten($color-purple,90%)`