mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-15 18:56:22 +00:00
Enhance style & Fix bug
This commit is contained in:
@@ -3,7 +3,7 @@
|
|||||||
@import '../mixins/*'
|
@import '../mixins/*'
|
||||||
global-reset()
|
global-reset()
|
||||||
@import '../shared/*'
|
@import '../shared/*'
|
||||||
@import './theme/*'
|
@import '../theme/*'
|
||||||
|
|
||||||
iptBgColor = #E6E6E6
|
iptBgColor = #E6E6E6
|
||||||
iptFocusBorderColor = #369DCD
|
iptFocusBorderColor = #369DCD
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ global-reset()
|
|||||||
@import './ArticleList'
|
@import './ArticleList'
|
||||||
@import './ArticleDetail'
|
@import './ArticleDetail'
|
||||||
@import './modal/*'
|
@import './modal/*'
|
||||||
@import './theme/*'
|
@import '../theme/*'
|
||||||
|
|
||||||
DEFAULT_FONTS = 'Lato', helvetica, arial, sans-serif
|
DEFAULT_FONTS = 'Lato', helvetica, arial, sans-serif
|
||||||
|
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ marked()
|
|||||||
background-color alpha(red, 0.1)
|
background-color alpha(red, 0.1)
|
||||||
color darken(red, 15%)
|
color darken(red, 15%)
|
||||||
padding 5px
|
padding 5px
|
||||||
margin -5px
|
margin 5px 0
|
||||||
border-radius 5px
|
border-radius 5px
|
||||||
sup
|
sup
|
||||||
position relative
|
position relative
|
||||||
@@ -132,6 +132,9 @@ marked()
|
|||||||
padding 0
|
padding 0
|
||||||
border none
|
border none
|
||||||
border-radius 0
|
border-radius 0
|
||||||
|
&>pre
|
||||||
|
border none
|
||||||
|
margin -5px
|
||||||
table
|
table
|
||||||
width 100%
|
width 100%
|
||||||
margin 15px 0 25px
|
margin 15px 0 25px
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
@import '../vars'
|
@import '../vars'
|
||||||
|
|
||||||
themeDarkBackground = lighten(#212327, 5%)
|
themeDarkBackground = darken(#21252B, 10%)
|
||||||
themeDarkModal = lighten(themeDarkBackground, 0%)
|
themeDarkModal = darken(#21252B, 10%)
|
||||||
themeDarkList = darken(themeDarkBackground, 25%)
|
themeDarkList = #282C34
|
||||||
themeDarkPreview = #181818
|
themeDarkPreview = #282C34
|
||||||
themeDarkSidebar = darken(themeDarkBackground, 45%)
|
themeDarkSidebar = darken(#21252B, 10%)
|
||||||
themeDarkText = #DDDDDD
|
themeDarkText = #DDDDDD
|
||||||
themeDarkBorder = lighten(themeDarkBackground, 20%)
|
themeDarkBorder = lighten(themeDarkBackground, 20%)
|
||||||
themeDarkTopicColor = #369dcd
|
themeDarkTopicColor = #369dcd
|
||||||
@@ -382,6 +382,9 @@ body[data-theme="dark"]
|
|||||||
.tooltip
|
.tooltip
|
||||||
background-color themeDarkTooltip
|
background-color themeDarkTooltip
|
||||||
|
|
||||||
|
.ArticleDetail-panel
|
||||||
|
border-radius 0
|
||||||
|
|
||||||
// Markdown Preview
|
// Markdown Preview
|
||||||
.Finder .FinderDetail .content,
|
.Finder .FinderDetail .content,
|
||||||
.ArticleDetail .ArticleDetail-panel .ArticleEditor
|
.ArticleDetail .ArticleDetail-panel .ArticleEditor
|
||||||
@@ -389,3 +392,6 @@ body[data-theme="dark"]
|
|||||||
color themeDarkText
|
color themeDarkText
|
||||||
border-color themeDarkBorder
|
border-color themeDarkBorder
|
||||||
background-color themeDarkPreview
|
background-color themeDarkPreview
|
||||||
|
|
||||||
|
a:hover
|
||||||
|
background-color alpha(lighten(brandColor, 30%), 0.2) !important
|
||||||
|
|||||||
Reference in New Issue
Block a user