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

finished styling

Browse Source
This commit is contained in:
William Grant
2018-09-23 16:35:26 +02:00
parent 205451a31d
commit 610503472a
5 changed files with 22 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
browser/components/NoteItem.styl
View File

@@ -441,7 +441,7 @@ body[data-theme="dracula"]
.item-title
.item-title-icon
.item-bottom-time
color $ui-dracula-text-color
color $ui-dracula-active-color
.item-bottom-tagList-item
background-color alpha(#f8f8f2, 10%)
color $ui-dracula-text-color

6
browser/main/Detail/FolderSelect.styl
View File

@@ -162,10 +162,10 @@ body[data-theme="monokai"]
body[data-theme="dracula"]
.root
color $ui-dark-text-color
color $ui-dracula-text-color
&:hover
color #f8f8f2
background-color $ui-dracula-button--hover-backgroundColor
background-color $ui-dark-button--hover-backgroundColor
border-color $ui-dracula-borderColor
.search-optionList
@@ -181,7 +181,7 @@ body[data-theme="dracula"]
background-color $ui-dracula-button--active-backgroundColor
color $ui-dracula-button--active-color
&:hover
background-color $ui-dracula-button--active-backgroundColor
background-color $ui-dark-button--hover-backgroundColor
color $ui-dracula-button--active-color
.search-optionList-item-name-surfix
color $ui-dracula-inactive-text-color

4
browser/main/Detail/TagSelect.styl
View File

@@ -78,11 +78,11 @@ body[data-theme="monokai"]
body[data-theme="dracula"]
.tag
background-color $ui-dracula-button-backgroundColor
background-color $ui-dracula-tag-backgroundColor
.tag-removeButton
border-color $ui-dracula-button--focus-borderColor
background-color transparent
.tag-label
color $ui-dracula-text-color
color $ui-dracula-borderColor

4
browser/main/Detail/ToggleModeButton.styl
View File

@@ -68,5 +68,5 @@ body[data-theme="dracula"]
.control-toggleModeButton
background-color #282a36
.active
background-color #ff79c6
box-shadow 2px 0px 7px #222222
background-color #bd93f9
box-shadow 2px 0px 7px #222222

18
browser/styles/index.styl
View File

@@ -128,6 +128,16 @@ colorMonokaiPrimaryButton()
&:active:hover
background-color $dark-primary-button-background--active
colorDraculaPrimaryButton()
color $ui-dracula-text-color
background-color $ui-dracula-button-backgroundColor
border none
&:hover
background-color $ui-dracula-button--active-backgroundColor
&:active
&:active:hover
background-color $ui-dracula-button--active-backgroundColor
// Danger button(Brand color)
$danger-button-background = #c9302c
@@ -391,17 +401,17 @@ $ui-dracula-noteList-backgroundColor = #282a36
$ui-dracula-noteDetail-backgroundColor = #282a36
$ui-dracula-text-color = #f8f8f2
$ui-dracula-active-color = #50fa7b
$ui-dracula-active-color = #bd93f9
$ui-dracula-borderColor = #44475a
$ui-dracula-tag-backgroundColor = #50fa7b
$ui-dracula-button-backgroundColor = #44475a
$ui-dracula-button--active-color = #ff79c6
$ui-dracula-button--active-backgroundColor = #50fa7b
$ui-dracula-button--active-color = #f8f8f2
$ui-dracula-button--active-backgroundColor = #bd93f9
$ui-dracula-button--hover-backgroundColor = lighten($ui-dracula-backgroundColor, 10%)
$ui-dracula-button--focus-borderColor = lighten(#bd93f9, 25%)
$ui-dracula-button--focus-borderColor = lighten(#44475a, 25%)
modalDracula()
position relative