2013-10-23 13:57:46 -04:00
|
|
|
// Blues
|
2013-09-16 05:19:07 -04:00
|
|
|
|
2013-10-23 13:57:46 -04:00
|
|
|
$blue-saturated-darker = #0B1316
|
|
|
|
|
$blue-saturated-dark = #0f2034
|
|
|
|
|
$blue-saturated = #192a47
|
|
|
|
|
$blue-saturated-light = #34465a
|
|
|
|
|
$blue-saturated-lighter = #6c7f95
|
2013-09-18 12:28:09 -04:00
|
|
|
|
2013-10-23 13:57:46 -04:00
|
|
|
$blue = #12acef
|
|
|
|
|
$blue-light = lighten($blue, 50%)
|
|
|
|
|
$blue-lighter = lighten($blue, 90%)
|
2013-09-18 12:28:09 -04:00
|
|
|
|
2013-10-23 13:57:46 -04:00
|
|
|
// Monochromatic
|
2013-09-18 12:28:09 -04:00
|
|
|
|
2013-10-23 13:57:46 -04:00
|
|
|
$gray-dark = #2d2d2d
|
|
|
|
|
$gray = #565656
|
|
|
|
|
$gray-light = #878787
|
|
|
|
|
$gray-lighter = #eeeeee
|
|
|
|
|
|
|
|
|
|
// Pinks
|
|
|
|
|
|
|
|
|
|
$pink = #ec008c
|
|
|
|
|
$pink-light = #f8bee0
|
|
|
|
|
$pink-lighter = #fce8f1
|
|
|
|
|
|
|
|
|
|
// Greens
|
|
|
|
|
|
2015-02-09 10:20:28 -05:00
|
|
|
$green = #4C9689
|
2013-10-23 13:57:46 -04:00
|
|
|
$green-light = lighten($green, 70%)
|
|
|
|
|
$green-lighter = lighten($green, 94%)
|
2015-02-09 10:20:28 -05:00
|
|
|
$green-lighterer = #B2D5C9
|
2013-10-23 13:57:46 -04:00
|
|
|
|
|
|
|
|
// 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%)
|
|
|
|
|
|
2015-02-09 10:20:28 -05:00
|
|
|
// 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
|
|
|
|
|
|
2015-02-23 09:43:00 -05:00
|
|
|
$settingsBg = $sidebarBg
|
|
|
|
|
$settingsText = #fff
|
|
|
|
|
$settingsHoverBg = #fff
|
|
|
|
|
$settingsHoverText = $sidebarSelectionBg
|
2015-02-09 10:20:28 -05:00
|
|
|
|
2013-10-23 13:57:46 -04:00
|
|
|
// Font families
|
2013-09-16 05:19:07 -04:00
|
|
|
|
2015-02-09 10:20:28 -05:00
|
|
|
$font-family-lato = 'Lato', sans-serif
|
2013-10-23 11:15:02 -04:00
|
|
|
$font-family-gotham = 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif
|
2013-09-16 05:19:07 -04:00
|
|
|
|
2013-10-23 11:15:02 -04:00
|
|
|
// Font sizes
|
2013-09-16 05:19:07 -04:00
|
|
|
|
2015-02-09 10:20:28 -05:00
|
|
|
$font-size-large = 17px
|
|
|
|
|
$font-size-message = 15px
|
2013-10-23 11:15:02 -04:00
|
|
|
$font-size-base = 14px
|
|
|
|
|
$font-size-small = 12px
|
2013-10-23 13:15:38 -04:00
|
|
|
$font-size-smaller = 10px
|
2013-10-23 11:15:02 -04:00
|
|
|
|
2013-10-25 05:53:19 -04:00
|
|
|
$font-size-h1 = 28px
|
|
|
|
|
$font-size-h2 = 22px
|
|
|
|
|
$font-size-h3 = 16px
|
|
|
|
|
$font-size-h4 = 12px
|
2013-10-23 11:15:02 -04:00
|
|
|
|
|
|
|
|
$line-height-base = 18px
|
|
|
|
|
$line-height-headings = 26px
|
|
|
|
|
|
2015-02-09 10:20:28 -05:00
|
|
|
$font-weight-classic = 500
|
|
|
|
|
$font-weight-bold = 700
|
|
|
|
|
$font-weight-bolder = 900
|
