habitica/website/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 colors
$color-button-highlight = $best
// Task background
$color-tasks = lighten($color-herobox, 65%)
// Task filter colors
$color-filter-tag = lighten($good,60%)
$color-filter-tag-challenge = lighten($color-purple,70%)
// Contributor colors
$color-contributor-one = #f57a9d
$color-contributor-two = #b93030
$color-contributor-three = #ff3300
$color-contributor-four = #ff9500
$color-contributor-five = #fff700
$color-contributor-six = #5eff00
$color-contributor-seven = #00aaff
$color-contributor-mod = #130ead
$color-contributor-staff = #88108f
$color-contributor-npc = #000
$color-contributor-npc-font = #00FF00
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`
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl) 2014-07-14 20:51:31 +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%)`
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl) 2014-07-14 20:51:31 +00:00			`// Button colors`
Checkout help button changes 2015-06-14 04:16:12 +00:00			`$color-button-highlight = $best`
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			`// Task background`
			`$color-tasks = lighten($color-herobox, 65%)`
			`// Task filter colors`
refactor(tasks) improve UI consistency * Round corners for UI elements / “8-bit” outlines for RPG elements. * Tag bar – Make it clearer that “Tags” is a heading, not an option * Task filters – restyle in line with tag bar + nav menu 2014-11-27 10:32:57 +00:00			`$color-filter-tag = lighten($good,60%)`
			`$color-filter-tag-challenge = lighten($color-purple,70%)`
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl) 2014-07-14 20:51:31 +00:00			`// Contributor colors`
feat(contribs): start for #3801, update to new badge colors 2014-07-31 18:09:11 +00:00			`$color-contributor-one = #f57a9d`
			`$color-contributor-two = #b93030`
			`$color-contributor-three = #ff3300`
			`$color-contributor-four = #ff9500`
			`$color-contributor-five = #fff700`
			`$color-contributor-six = #5eff00`
			`$color-contributor-seven = #00aaff`
			`$color-contributor-mod = #130ead`
			`$color-contributor-staff = #88108f`
			`$color-contributor-npc = #000`
Checkout help button changes 2015-06-14 04:16:12 +00:00			`$color-contributor-npc-font = #00FF00`