1
0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-28 12:12:26 -05:00
kaiwa/public/css/_variables.styl
Sébastien Hut 5745de5e15 Update UI
2015-02-23 15:46:46 +01:00

123 lines
2.2 KiB
Stylus

// Blues
$blue-saturated-darker = #0B1316
$blue-saturated-dark = #0f2034
$blue-saturated = #192a47
$blue-saturated-light = #34465a
$blue-saturated-lighter = #6c7f95
$blue = #12acef
$blue-light = lighten($blue, 50%)
$blue-lighter = lighten($blue, 90%)
// Monochromatic
$gray-dark = #2d2d2d
$gray = #565656
$gray-light = #878787
$gray-lighter = #eeeeee
// Pinks
$pink = #ec008c
$pink-light = #f8bee0
$pink-lighter = #fce8f1
// Greens
$green = #4C9689
$green-light = lighten($green, 70%)
$green-lighter = lighten($green, 94%)
$green-lighterer = #B2D5C9
// Reds
$red = #de0a32
$red-light = lighten($red, 80%)
$red-lighter = lighten($red, 97%)
// Orange
$orange = #f18902
$orange-light = lighten($orange, 50%)
$orange-lighter = lighten($orange, 85%)
// Brown
$brown = #4D394B
$brown-light = #AB9BA9
$brown-lighter = lighten($brown, 20%)
$brown-dark = #3E313C
$brown-darker = #372C36
$brown-darkerer = #625361
// Gray
$gray-dark = #555459
$gray = #9E9EA6
$gray-light = #BABBBF
$gray-lighter = #E0E0E0
// Black
$black = #3D3C40
// Style
$sidebarTopAndBottomBg = #1A233F
$sidebarOrgaName = #fff
$sidebarBorder = #121A33
$sidebarBg = #3D486B
$sidebarText = #ABB6DA
$sidebarNames = #C1DCEC
$sidebarInputBg = $sidebarBg
$sidebarInputBorder = #626F9C
$sidebarInputText = $sidebarNames
$sidebarSelectionBg = #94B021
$sidebarSelectionText = #fff
$sidebarUnreadBg = $sidebarSelectionBg
$sidebarUnreadText = $sidebarSelectionText
$sidebarHover = $sidebarTopAndBottomBg
$sidebarRequestBg = $sidebarHover
$sidebarRequestBorder = $sidebarHover
$sidebarStatusText = $sidebarNames
$sidebarStatusBorder = $sidebarInputBorder
$settingsBg = $sidebarBg
$settingsText = #fff
$settingsHoverBg = #fff
$settingsHoverText = $sidebarSelectionBg
// Font families
$font-family-lato = 'Lato', sans-serif
$font-family-gotham = 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif
// Font sizes
$font-size-large = 17px
$font-size-message = 15px
$font-size-base = 14px
$font-size-small = 12px
$font-size-smaller = 10px
$font-size-h1 = 28px
$font-size-h2 = 22px
$font-size-h3 = 16px
$font-size-h4 = 12px
$line-height-base = 18px
$line-height-headings = 26px
$font-weight-classic = 500
$font-weight-bold = 700
$font-weight-bolder = 900