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

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
.item-title-icon .item-title-icon
.item-bottom-time .item-bottom-time
color $ui-dracula-text-color color $ui-dracula-active-color
.item-bottom-tagList-item .item-bottom-tagList-item
background-color alpha(#f8f8f2, 10%) background-color alpha(#f8f8f2, 10%)
color $ui-dracula-text-color 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"] body[data-theme="dracula"]
.root .root
color $ui-dark-text-color color $ui-dracula-text-color
&:hover &:hover
color #f8f8f2 color #f8f8f2
background-color $ui-dracula-button--hover-backgroundColor background-color $ui-dark-button--hover-backgroundColor
border-color $ui-dracula-borderColor border-color $ui-dracula-borderColor
.search-optionList .search-optionList
@@ -181,7 +181,7 @@ body[data-theme="dracula"]
background-color $ui-dracula-button--active-backgroundColor background-color $ui-dracula-button--active-backgroundColor
color $ui-dracula-button--active-color color $ui-dracula-button--active-color
&:hover &:hover
background-color $ui-dracula-button--active-backgroundColor background-color $ui-dark-button--hover-backgroundColor
color $ui-dracula-button--active-color color $ui-dracula-button--active-color
.search-optionList-item-name-surfix .search-optionList-item-name-surfix
color $ui-dracula-inactive-text-color 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"] body[data-theme="dracula"]
.tag .tag
background-color $ui-dracula-button-backgroundColor background-color $ui-dracula-tag-backgroundColor
.tag-removeButton .tag-removeButton
border-color $ui-dracula-button--focus-borderColor border-color $ui-dracula-button--focus-borderColor
background-color transparent background-color transparent
.tag-label .tag-label
color $ui-dracula-text-color color $ui-dracula-borderColor

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

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

18
browser/styles/index.styl
View File

@@ -128,6 +128,16 @@ colorMonokaiPrimaryButton()
&:active:hover &:active:hover
background-color $dark-primary-button-background--active 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(Brand color)
$danger-button-background = #c9302c $danger-button-background = #c9302c
@@ -391,17 +401,17 @@ $ui-dracula-noteList-backgroundColor = #282a36
$ui-dracula-noteDetail-backgroundColor = #282a36 $ui-dracula-noteDetail-backgroundColor = #282a36
$ui-dracula-text-color = #f8f8f2 $ui-dracula-text-color = #f8f8f2
$ui-dracula-active-color = #50fa7b $ui-dracula-active-color = #bd93f9
$ui-dracula-borderColor = #44475a $ui-dracula-borderColor = #44475a
$ui-dracula-tag-backgroundColor = #50fa7b $ui-dracula-tag-backgroundColor = #50fa7b
$ui-dracula-button-backgroundColor = #44475a $ui-dracula-button-backgroundColor = #44475a
$ui-dracula-button--active-color = #ff79c6 $ui-dracula-button--active-color = #f8f8f2
$ui-dracula-button--active-backgroundColor = #50fa7b $ui-dracula-button--active-backgroundColor = #bd93f9
$ui-dracula-button--hover-backgroundColor = lighten($ui-dracula-backgroundColor, 10%) $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() modalDracula()
position relative position relative