wip
This commit is contained in:
parent
b6e33e93de
commit
3cbdfcb43d
|
@ -110,7 +110,7 @@ root(isDark)
|
||||||
> .app
|
> .app
|
||||||
margin-right 8px
|
margin-right 8px
|
||||||
padding-right 8px
|
padding-right 8px
|
||||||
border-right solid 1px isDark ? #1c2023 : #eaeaea
|
border-right solid 1px var(--faceDivider)
|
||||||
|
|
||||||
> .visibility
|
> .visibility
|
||||||
margin-left 8px
|
margin-left 8px
|
||||||
|
|
|
@ -323,7 +323,7 @@ root(isDark)
|
||||||
margin 0
|
margin 0
|
||||||
padding 0
|
padding 0
|
||||||
background var(--face)
|
background var(--face)
|
||||||
border-bottom solid 1px isDark ? #1c2023 : #eaeaea
|
border-bottom solid 1px var(--faceDivider)
|
||||||
|
|
||||||
&[data-round]
|
&[data-round]
|
||||||
&:first-child
|
&:first-child
|
||||||
|
|
|
@ -237,7 +237,7 @@ root(isDark)
|
||||||
text-align center
|
text-align center
|
||||||
color isDark ? #666b79 : #aaa
|
color isDark ? #666b79 : #aaa
|
||||||
background isDark ? #242731 : #fdfdfd
|
background isDark ? #242731 : #fdfdfd
|
||||||
border-bottom solid 1px isDark ? #1c2023 : #eaeaea
|
border-bottom solid 1px var(--faceDivider)
|
||||||
|
|
||||||
span
|
span
|
||||||
margin 0 16px
|
margin 0 16px
|
||||||
|
@ -261,7 +261,7 @@ root(isDark)
|
||||||
text-align center
|
text-align center
|
||||||
color #ccc
|
color #ccc
|
||||||
background var(--face)
|
background var(--face)
|
||||||
border-top solid 1px isDark ? #1c2023 : #eaeaea
|
border-top solid 1px var(--faceDivider)
|
||||||
border-bottom-left-radius 6px
|
border-bottom-left-radius 6px
|
||||||
border-bottom-right-radius 6px
|
border-bottom-right-radius 6px
|
||||||
|
|
||||||
|
|
|
@ -228,7 +228,7 @@ mediaRoot(isDark)
|
||||||
|
|
||||||
root(isDark)
|
root(isDark)
|
||||||
font-size 13px
|
font-size 13px
|
||||||
border-bottom solid 1px isDark ? #1c2023 : #eaeaea
|
border-bottom solid 1px var(--faceDivider)
|
||||||
|
|
||||||
&:last-of-type
|
&:last-of-type
|
||||||
border-bottom none
|
border-bottom none
|
||||||
|
|
|
@ -216,7 +216,7 @@ root(isDark)
|
||||||
text-align center
|
text-align center
|
||||||
color isDark ? #666b79 : #aaa
|
color isDark ? #666b79 : #aaa
|
||||||
background isDark ? #242731 : #fdfdfd
|
background isDark ? #242731 : #fdfdfd
|
||||||
border-bottom solid 1px isDark ? #1c2023 : #eaeaea
|
border-bottom solid 1px var(--faceDivider)
|
||||||
|
|
||||||
span
|
span
|
||||||
margin 0 16px
|
margin 0 16px
|
||||||
|
@ -233,7 +233,7 @@ root(isDark)
|
||||||
text-align center
|
text-align center
|
||||||
color #ccc
|
color #ccc
|
||||||
background var(--face)
|
background var(--face)
|
||||||
border-top solid 1px isDark ? #1c2023 : #eaeaea
|
border-top solid 1px var(--faceDivider)
|
||||||
border-bottom-left-radius 6px
|
border-bottom-left-radius 6px
|
||||||
border-bottom-right-radius 6px
|
border-bottom-right-radius 6px
|
||||||
|
|
||||||
|
|
|
@ -169,7 +169,7 @@ root(isDark)
|
||||||
> .notifications
|
> .notifications
|
||||||
|
|
||||||
> .notification:not(:last-child)
|
> .notification:not(:last-child)
|
||||||
border-bottom solid 1px isDark ? #1c2023 : #eaeaea
|
border-bottom solid 1px var(--faceDivider)
|
||||||
|
|
||||||
> .date
|
> .date
|
||||||
display block
|
display block
|
||||||
|
@ -179,7 +179,7 @@ root(isDark)
|
||||||
font-size 0.8em
|
font-size 0.8em
|
||||||
color isDark ? #666b79 : #aaa
|
color isDark ? #666b79 : #aaa
|
||||||
background isDark ? #242731 : #fdfdfd
|
background isDark ? #242731 : #fdfdfd
|
||||||
border-bottom solid 1px isDark ? #1c2023 : #eaeaea
|
border-bottom solid 1px var(--faceDivider)
|
||||||
|
|
||||||
span
|
span
|
||||||
margin 0 16px
|
margin 0 16px
|
||||||
|
|
|
@ -232,7 +232,7 @@ export default Vue.extend({
|
||||||
|
|
||||||
root(isDark)
|
root(isDark)
|
||||||
font-size 12px
|
font-size 12px
|
||||||
border-bottom solid 1px isDark ? #1c2023 : #eaeaea
|
border-bottom solid 1px var(--faceDivider)
|
||||||
|
|
||||||
&:last-of-type
|
&:last-of-type
|
||||||
border-bottom none
|
border-bottom none
|
||||||
|
|
|
@ -245,7 +245,7 @@ root(isDark)
|
||||||
font-size 0.9em
|
font-size 0.9em
|
||||||
color isDark ? #666b79 : #aaa
|
color isDark ? #666b79 : #aaa
|
||||||
background isDark ? #242731 : #fdfdfd
|
background isDark ? #242731 : #fdfdfd
|
||||||
border-bottom solid 1px isDark ? #1c2023 : #eaeaea
|
border-bottom solid 1px var(--faceDivider)
|
||||||
|
|
||||||
span
|
span
|
||||||
margin 0 16px
|
margin 0 16px
|
||||||
|
@ -276,7 +276,7 @@ root(isDark)
|
||||||
|
|
||||||
> footer
|
> footer
|
||||||
text-align center
|
text-align center
|
||||||
border-top solid 1px isDark ? #1c2023 : #eaeaea
|
border-top solid 1px var(--faceDivider)
|
||||||
|
|
||||||
&:empty
|
&:empty
|
||||||
display none
|
display none
|
||||||
|
|
|
@ -126,7 +126,7 @@ root(isDark)
|
||||||
> .notifications
|
> .notifications
|
||||||
|
|
||||||
> .mk-notification:not(:last-child)
|
> .mk-notification:not(:last-child)
|
||||||
border-bottom solid 1px isDark ? #1c2023 : #eaeaea
|
border-bottom solid 1px var(--faceDivider)
|
||||||
|
|
||||||
> .date
|
> .date
|
||||||
display block
|
display block
|
||||||
|
@ -136,7 +136,7 @@ root(isDark)
|
||||||
font-size 0.8em
|
font-size 0.8em
|
||||||
color isDark ? #666b79 : #aaa
|
color isDark ? #666b79 : #aaa
|
||||||
background isDark ? #242731 : #fdfdfd
|
background isDark ? #242731 : #fdfdfd
|
||||||
border-bottom solid 1px isDark ? #1c2023 : #eaeaea
|
border-bottom solid 1px var(--faceDivider)
|
||||||
|
|
||||||
span
|
span
|
||||||
margin 0 16px
|
margin 0 16px
|
||||||
|
|
|
@ -10,6 +10,7 @@
|
||||||
"scrollbarHandleHover": "#535660",
|
"scrollbarHandleHover": "#535660",
|
||||||
"face": "#282c37",
|
"face": "#282c37",
|
||||||
"faceHeader": "#313543",
|
"faceHeader": "#313543",
|
||||||
|
"faceDivider": "rgba(0, 0, 0, 0.3)",
|
||||||
"mobileSignedInAsBg": "#273c34",
|
"mobileSignedInAsBg": "#273c34",
|
||||||
"mobileSignedInAsFg": "#49ab63",
|
"mobileSignedInAsFg": "#49ab63",
|
||||||
"mobileSignoutBg": "#652222",
|
"mobileSignoutBg": "#652222",
|
||||||
|
|
|
@ -10,6 +10,7 @@
|
||||||
"scrollbarHandleHover": "#00000066",
|
"scrollbarHandleHover": "#00000066",
|
||||||
"face": "#fff",
|
"face": "#fff",
|
||||||
"faceHeader": "#fff",
|
"faceHeader": "#fff",
|
||||||
|
"faceDivider": "rgba(0, 0, 0, 0.082)",
|
||||||
"mobileSignedInAsBg": "#fcfff5",
|
"mobileSignedInAsBg": "#fcfff5",
|
||||||
"mobileSignedInAsFg": "#2c662d",
|
"mobileSignedInAsFg": "#2c662d",
|
||||||
"mobileSignoutBg": "#fff6f5",
|
"mobileSignoutBg": "#fff6f5",
|
||||||
|
|
Loading…
Reference in a new issue