wip
This commit is contained in:
parent
a36d73cb52
commit
5f289e4767
2 changed files with 7 additions and 16 deletions
|
@ -127,11 +127,9 @@ export default Vue.extend({
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
|
|
||||||
|
|
||||||
$border-color = rgba(27, 31, 35, 0.15)
|
$border-color = rgba(27, 31, 35, 0.15)
|
||||||
|
|
||||||
root(isDark)
|
.mk-visibility-chooser
|
||||||
position initial
|
position initial
|
||||||
|
|
||||||
> .backdrop
|
> .backdrop
|
||||||
|
@ -141,7 +139,7 @@ root(isDark)
|
||||||
z-index 10000
|
z-index 10000
|
||||||
width 100%
|
width 100%
|
||||||
height 100%
|
height 100%
|
||||||
background isDark ? rgba(#000, 0.4) : rgba(#000, 0.1)
|
background var(--modalBackdrop)
|
||||||
opacity 0
|
opacity 0
|
||||||
|
|
||||||
> .popover
|
> .popover
|
||||||
|
@ -189,14 +187,14 @@ root(isDark)
|
||||||
display flex
|
display flex
|
||||||
padding 8px 14px
|
padding 8px 14px
|
||||||
font-size 12px
|
font-size 12px
|
||||||
color isDark ? #fff : #666
|
color var(--popupFg)
|
||||||
cursor pointer
|
cursor pointer
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
background isDark ? #252731 : #eee
|
background var(--faceClearButtonHover)
|
||||||
|
|
||||||
&:active
|
&:active
|
||||||
background isDark ? #21242b : #ddd
|
background var(--faceClearButtonActive)
|
||||||
|
|
||||||
&.active
|
&.active
|
||||||
color var(--primaryForeground)
|
color var(--primaryForeground)
|
||||||
|
@ -222,11 +220,4 @@ root(isDark)
|
||||||
|
|
||||||
> span:last-child:not(:first-child)
|
> span:last-child:not(:first-child)
|
||||||
opacity 0.6
|
opacity 0.6
|
||||||
|
|
||||||
.mk-visibility-chooser[data-darkmode]
|
|
||||||
root(true)
|
|
||||||
|
|
||||||
.mk-visibility-chooser:not([data-darkmode])
|
|
||||||
root(false)
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -5,13 +5,13 @@
|
||||||
"author": "syuilo",
|
"author": "syuilo",
|
||||||
"inherit": "9978f7f9-5616-44fd-a704-cc5985efdd63"
|
"inherit": "9978f7f9-5616-44fd-a704-cc5985efdd63"
|
||||||
},
|
},
|
||||||
"primary": "#fb8d4e",
|
"primary": "#d67036",
|
||||||
"primaryForeground": "#fff",
|
"primaryForeground": "#fff",
|
||||||
"bg": "#1b1a35",
|
"bg": "#1b1a35",
|
||||||
"face": "#322e44",
|
"face": "#322e44",
|
||||||
"faceHeader": "#36314e",
|
"faceHeader": "#36314e",
|
||||||
"dateDividerBg": "#26253c",
|
"dateDividerBg": "#26253c",
|
||||||
"popupBg": "#2c303c",
|
"popupBg": "@face",
|
||||||
"popupFg": "#d6dce2",
|
"popupFg": "#d6dce2",
|
||||||
"renoteGradient": "#5d2d1a",
|
"renoteGradient": "#5d2d1a",
|
||||||
"renoteText": "#ff6c00",
|
"renoteText": "#ff6c00",
|
||||||
|
|
Loading…
Reference in a new issue