public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

Change default color and add white theme

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-11-11 19:06:27 +09:00
parent 4a6c16df8d
commit bb46a9ba4c
7 changed files with 234 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
browser/styles/index.styl
View File

@@ -21,12 +21,12 @@ $ui-border = solid 1px $ui-borderColor
$ui-active-color = #6AA5E9
$ui-tag-backgroundColor = rgba(0, 0, 0, 0.3)
// UI Button
$ui-button-color = #939395
$ui-button--hover-backgroundColor = #D9D9D9
$ui-button--active-color = white
$ui-button--active-backgroundColor = #D9D9D9
$ui-button--focus-borderColor = lighten(#369DCD, 25%)
// UI Default Button
$ui-button-default-color = #FBFBFB
$ui-button-default--hover-backgroundColor = #2B8976
$ui-button-default--active-color = white
$ui-button-default--active-backgroundColor = #2B8976
$ui-button-default--focus-borderColor = lighten(#369DCD, 25%)
// UI Tooltip
$ui-tooltip-text-color = white
@@ -119,6 +119,26 @@ colorDangerButton()
&:active:hover
background-color $danger-button-background--active
/**
* SideNav
*/
SideNavFilter()
background-color $ui-button-default--active-backgroundColor
.counters
color $ui-button-default-color
.menu-button-label
color $ui-button-default-color
&:hover
background-color alpha($ui-button-default--hover-backgroundColor, 50%)
color $ui-button-default-color
.menu-button-label
color $ui-button-default-color
&:active, &:active:hover
background-color alpha($ui-button-default--hover-backgroundColor, 50%)
color $ui-button-default-color
.menu-button-label
color $ui-button-default-color
/**
* Nav
*/
@@ -129,13 +149,14 @@ navButtonColor()
background-color transparent
transition 0.15s
&:hover
background-color alpha($ui-button--active-backgroundColor, 20%)
background-color alpha($ui-button-default--active-backgroundColor, 20%)
transition 0.15s
color $ui-text-color
color $ui-button-default-color
&:active, &:active:hover
background-color $ui-button--active-backgroundColor
color $ui-text-color
background-color #1EC38B
color $ui-button-default-color
transition 0.15s
/**
* # Modal Stuff
* These will be moved lib/modal
@@ -175,7 +196,32 @@ topBarButtonLight()
.control-lockButton-tooltip
opacity 1
// Dark theme
// White theme
/**
* Nav
*/
navWhiteButtonColor()
border none
color $ui-button-color
background-color transparent
transition 0.15s
&:hover
background-color alpha($ui-button--active-backgroundColor, 20%)
transition 0.15s
color $ui-text-color
&:active, &:active:hover
background-color $ui-button--active-backgroundColor
color $ui-text-color
transition 0.15s
// UI Button
$ui-button-color = #939395
$ui-button--hover-backgroundColor = #D9D9D9
$ui-button--active-color = white
$ui-button--active-backgroundColor = #D9D9D9
$ui-button--focus-borderColor = lighten(#369DCD, 25%)
/******* Dark theme ********/
$ui-dark-active-color = #3A404C
$ui-dark-borderColor = lighten(#21252B, 20%)
$ui-dark-backgroundColor = #1E2124