mirror/hotomoe
1
0
Fork 0
mirror of https://github.com/hotomoe/hotomoe synced 2024-12-11 21:28:14 +09:00
Code

wip

Browse Source
This commit is contained in:
syuilo 2018-09-28 19:59:19 +09:00
parent 3f4de3b1cc
commit 8e3dd75c85
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
45 changed files with 200 additions and 461 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/client/app/common/views/components/games/reversi/reversi.game.vue
View File

@ -304,9 +304,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.xqnhankfuuilcwvhgsopeqncafzsquya
root(isDark)
text-align center text-align center
> .go-index > .go-index
@ -319,7 +317,7 @@ root(isDark)
> header > header
padding 8px padding 8px
border-bottom dashed 1px isDark ? #4c5761 : #c4cdd4 border-bottom dashed 1px var(--reversiGameHeaderLine)
a a
color inherit color inherit
@ -386,16 +384,16 @@ root(isDark)
user-select none user-select none
&.empty &.empty
border solid 2px isDark ? #51595f : #eee border solid 2px var(--reversiGameEmptyCell)
&.empty.can &.empty.can
background isDark ? #51595f : #eee background var(--reversiGameEmptyCell)
&.empty.myTurn &.empty.myTurn
border-color isDark ? #6a767f : #ddd border-color var(--reversiGameEmptyCellMyTurn)
&.can &.can
background isDark ? #51595f : #eee background var(--reversiGameEmptyCellCanPut)
cursor pointer cursor pointer
&:hover &:hover
@ -409,7 +407,7 @@ root(isDark)
box-shadow 0 0 0 4px var(--primaryAlpha07) box-shadow 0 0 0 4px var(--primaryAlpha07)
&.isEnded &.isEnded
border-color isDark ? #6a767f : #ddd border-color var(--reversiGameEmptyCellMyTurn)
&.none &.none
border-color transparent !important border-color transparent !important
@ -458,10 +456,4 @@ root(isDark)
margin 0 8px margin 0 8px
min-width 70px min-width 70px
.xqnhankfuuilcwvhgsopeqncafzsquya[data-darkmode]
root(true)
.xqnhankfuuilcwvhgsopeqncafzsquya:not([data-darkmode])
root(false)
</style> </style>

34
src/client/app/common/views/components/games/reversi/reversi.index.vue
View File

@ -138,9 +138,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.phgnkghfpyvkrvwiajkiuoxyrdaqpzcx
root(isDark)
> h1 > h1
margin 0 margin 0
padding 24px padding 24px
@ -148,7 +146,7 @@ root(isDark)
text-align center text-align center
font-weight normal font-weight normal
color #fff color #fff
background linear-gradient(to bottom, isDark ? #45730e : #8bca3e, isDark ? #464300 : #d6cf31) background linear-gradient(to bottom, var(--reversiBannerGradientStart), var(--reversiBannerGradientEnd))
& + p & + p
margin 0 margin 0
@ -156,7 +154,7 @@ root(isDark)
margin-bottom 12px margin-bottom 12px
text-align center text-align center
font-size 14px font-size 14px
border-bottom solid 1px isDark ? #535f65 : #d3d9dc border-bottom solid 1px var(--faceDivider)
> .play > .play
margin 0 auto margin 0 auto
@ -171,14 +169,14 @@ root(isDark)
padding 16px padding 16px
font-size 14px font-size 14px
text-align left text-align left
background isDark ? #282c37 : #f5f5f5 background var(--reversiDescBg)
border-radius 8px border-radius 8px
> section > section
margin 0 auto margin 0 auto
padding 0 16px 16px 16px padding 0 16px 16px 16px
max-width 500px max-width 500px
border-top solid 1px isDark ? #535f65 : #d3d9dc border-top solid 1px var(--faceDivider)
> h2 > h2
margin 0 margin 0
@ -189,9 +187,9 @@ root(isDark)
.invitation .invitation
margin 8px 0 margin 8px 0
padding 8px padding 8px
color isDark ? #fff : #677f84 color var(--text)
background var(--face) background var(--face)
box-shadow 0 2px 16px rgba(#000, isDark ? 0.7 : 0.15) box-shadow 0 2px 16px var(--reversiListItemShadow)
border-radius 6px border-radius 6px
cursor pointer cursor pointer
@ -203,10 +201,10 @@ root(isDark)
border-color var(--primary) border-color var(--primary)
&:hover &:hover
background isDark ? #313543 : #f5f5f5 box-shadow 0 0 0 100px inset rgba(0, 0, 0, 0.05)
&:active &:active
background isDark ? #1e222b : #eee box-shadow 0 0 0 100px inset rgba(0, 0, 0, 0.1)
> .avatar > .avatar
width 32px width 32px
@ -221,9 +219,9 @@ root(isDark)
display block display block
margin 8px 0 margin 8px 0
padding 8px padding 8px
color isDark ? #fff : #677f84 color var(--text)
background var(--face) background var(--face)
box-shadow 0 2px 16px rgba(#000, isDark ? 0.7 : 0.15) box-shadow 0 2px 16px var(--reversiListItemShadow)
border-radius 6px border-radius 6px
cursor pointer cursor pointer
@ -232,10 +230,10 @@ root(isDark)
user-select none user-select none
&:hover &:hover
background isDark ? #313543 : #f5f5f5 box-shadow 0 0 0 100px inset rgba(0, 0, 0, 0.05)
&:active &:active
background isDark ? #1e222b : #eee box-shadow 0 0 0 100px inset rgba(0, 0, 0, 0.1)
> .avatar > .avatar
width 32px width 32px
@ -246,10 +244,4 @@ root(isDark)
margin 0 8px margin 0 8px
line-height 32px line-height 32px
.phgnkghfpyvkrvwiajkiuoxyrdaqpzcx[data-darkmode]
root(true)
.phgnkghfpyvkrvwiajkiuoxyrdaqpzcx:not([data-darkmode])
root(false)
</style> </style>

37
src/client/app/common/views/components/games/reversi/reversi.room.vue
View File

@ -252,11 +252,9 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.urbixznjwwuukfsckrwzwsqzsxornqij
root(isDark)
text-align center text-align center
background isDark ? #191b22 : #f9f9f9 background var(--bg)
> header > header
padding 8px padding 8px
@ -274,9 +272,9 @@ root(isDark)
width 100% width 100%
padding 12px 14px padding 12px 14px
background var(--face) background var(--face)
border 1px solid isDark ? #6a707d : #dcdfe6 border 1px solid var(--reversiMapSelectBorder)
border-radius 4px border-radius 4px
color isDark ? #fff : #606266 color var(--text)
cursor pointer cursor pointer
transition border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) transition border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)
-webkit-appearance none -webkit-appearance none
@ -284,7 +282,7 @@ root(isDark)
appearance none appearance none
&:hover &:hover
border-color isDark ? #a7aebd : #c0c4cc border-color var(--reversiMapSelectHoverBorder)
&:focus &:focus
&:active &:active
@ -294,7 +292,8 @@ root(isDark)
> .random > .random
padding 32px 0 padding 32px 0
font-size 64px font-size 64px
color isDark ? #4e5961 : #d8d8d8 color var(--text)
opacity 0.7
> .board > .board
display grid display grid
@ -302,11 +301,11 @@ root(isDark)
width 300px width 300px
height 300px height 300px
margin 0 auto margin 0 auto
color isDark ? #fff : #444 color var(--text)
> div > div
background transparent background transparent
border solid 2px isDark ? #6a767f : #ddd border solid 2px var(--faceDivider)
border-radius 6px border-radius 6px
overflow hidden overflow hidden
cursor pointer cursor pointer
@ -332,31 +331,25 @@ root(isDark)
max-width 400px max-width 400px
border-radius 4px border-radius 4px
background var(--face) background var(--face)
color isDark ? #fff : #303133 color var(--text)
box-shadow 0 2px 12px 0 rgba(#000, isDark ? 0.7 : 0.1) box-shadow 0 2px 12px 0 var(--reversiRoomFormShadow)
> header > header
padding 18px 20px padding 18px 20px
border-bottom 1px solid isDark ? #1c2023 : #ebeef5 border-bottom 1px solid var(--faceDivider)
> div > div
padding 20px padding 20px
color isDark ? #fff : #606266 color var(--text)
> footer > footer
position sticky position sticky
bottom 0 bottom 0
padding 16px padding 16px
background rgba(isDark ? #191b22 : #fff, 0.9) background var(--reversiRoomFooterBg)
border-top solid 1px isDark ? #606266 : #c4cdd4 border-top solid 1px var(--faceDivider)
> .status > .status
margin 0 0 16px 0 margin 0 0 16px 0
.urbixznjwwuukfsckrwzwsqzsxornqij[data-darkmode]
root(true)
.urbixznjwwuukfsckrwzwsqzsxornqij:not([data-darkmode])
root(false)
</style> </style>

14
src/client/app/common/views/components/games/reversi/reversi.vue
View File

@ -156,11 +156,9 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.vchtoekanapleubgzioubdtmlkribzfd
color var(--text)
root(isDark) background var(--bg)
color isDark ? #fff : #677f84
background isDark ? #191b22 : #fff
> .matching > .matching
> h1 > h1
@ -177,10 +175,4 @@ root(isDark)
text-align center text-align center
border-top dashed 1px #c4cdd4 border-top dashed 1px #c4cdd4
.vchtoekanapleubgzioubdtmlkribzfd[data-darkmode]
root(true)
.vchtoekanapleubgzioubdtmlkribzfd:not([data-darkmode])
root(false)
</style> </style>

12
src/client/app/common/views/components/messaging-room.form.vue
View File

@ -195,9 +195,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.mk-messaging-form
root(isDark)
> textarea > textarea
cursor auto cursor auto
display block display block
@ -212,7 +210,7 @@ root(isDark)
color var(--inputText) color var(--inputText)
outline none outline none
border none border none
border-top solid 1px isDark ? #4b5056 : #eee border-top solid 1px var(--faceDivider)
border-radius 0 border-radius 0
box-shadow none box-shadow none
background transparent background transparent
@ -302,10 +300,4 @@ root(isDark)
input[type=file] input[type=file]
display none display none
.mk-messaging-form[data-darkmode]
root(true)
.mk-messaging-form:not([data-darkmode])
root(false)
</style> </style>

17
src/client/app/common/views/components/poll.vue
View File

@ -67,10 +67,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.mk-poll
root(isDark)
> ul > ul
display block display block
margin 0 margin 0
@ -82,8 +79,8 @@ root(isDark)
margin 4px 0 margin 4px 0
padding 4px 8px padding 4px 8px
width 100% width 100%
color isDark ? #fff : #000 color var(--pollChoiceText)
border solid 1px isDark ? #5e636f : #eee border solid 1px var(--pollChoiceBorder)
border-radius 4px border-radius 4px
overflow hidden overflow hidden
cursor pointer cursor pointer
@ -110,7 +107,7 @@ root(isDark)
margin-left 4px margin-left 4px
> p > p
color isDark ? #a3aebf : #000 color var(--text)
a a
color inherit color inherit
@ -125,10 +122,4 @@ root(isDark)
&:active &:active
background transparent background transparent
.mk-poll[data-darkmode]
root(true)
.mk-poll:not([data-darkmode])
root(false)
</style> </style>

8
src/client/app/common/views/components/tag-cloud.vue
View File

@ -63,7 +63,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .jtivnzhfwquxpsfidertopbmwmchmnmo
height 100% height 100%
width 100% width 100%
@ -81,10 +81,4 @@ root(isDark)
height 100% height 100%
width 100% width 100%
.jtivnzhfwquxpsfidertopbmwmchmnmo[data-darkmode]
root(true)
.jtivnzhfwquxpsfidertopbmwmchmnmo:not([data-darkmode])
root(false)
</style> </style>

15
src/client/app/common/views/components/trends.vue
View File

@ -49,13 +49,14 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .csqvmxybqbycalfhkxvyfrgbrdalkaoc
> .fetching > .fetching
> .empty > .empty
margin 0 margin 0
padding 16px padding 16px
text-align center text-align center
color #aaa color var(--text)
opacity 0.7
> [data-fa] > [data-fa]
margin-right 4px margin-right 4px
@ -70,13 +71,13 @@ root(isDark)
padding 14px 16px padding 14px 16px
&:not(:last-child) &:not(:last-child)
border-bottom solid 1px isDark ? #393f4f : #eee border-bottom solid 1px var(--faceDivider)
> .tag > .tag
flex 1 flex 1
overflow hidden overflow hidden
font-size 14px font-size 14px
color isDark ? #9baec8 : #65727b color var(--text)
> a > a
display block display block
@ -94,10 +95,4 @@ root(isDark)
> .chart > .chart
height 30px height 30px
.csqvmxybqbycalfhkxvyfrgbrdalkaoc[data-darkmode]
root(true)
.csqvmxybqbycalfhkxvyfrgbrdalkaoc:not([data-darkmode])
root(false)
</style> </style>

14
src/client/app/common/views/components/ui/button.vue
View File

@ -32,7 +32,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark, fill) root(fill)
> button > button
display block display block
width 100% width 100%
@ -65,16 +65,10 @@ root(isDark, fill)
&:active &:active
background var(--primaryAlpha03) background var(--primaryAlpha03)
.ui-button[data-darkmode] .ui-button
&.fill &.fill
root(true, true) root(true)
&:not(.fill) &:not(.fill)
root(true, false) root(false)
.ui-button:not([data-darkmode])
&.fill
root(false, true)
&:not(.fill)
root(false, false)
</style> </style>

20
src/client/app/common/views/components/ui/form/button.vue
View File

@ -25,9 +25,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.nvemkhtwcnnpkdrwfcbzuwhfulejhmzg
root(isDark)
display inline-block display inline-block
& + .nvemkhtwcnnpkdrwfcbzuwhfulejhmzg & + .nvemkhtwcnnpkdrwfcbzuwhfulejhmzg
@ -38,11 +36,11 @@ root(isDark)
margin 0 margin 0
padding 12px 20px padding 12px 20px
font-size 14px font-size 14px
border 1px solid isDark ? #6d727d : #dcdfe6 border 1px solid var(--formButtonBorder)
border-radius 4px border-radius 4px
outline none outline none
box-shadow none box-shadow none
color isDark ? #fff : #606266 color var(--text)
transition 0.1s transition 0.1s
* *
@ -51,12 +49,12 @@ root(isDark)
&:hover &:hover
&:focus &:focus
color var(--primary) color var(--primary)
//background rgba(var(--primary-r), var(--primary-g), var(--primary-b), isDark ? 0.2 : 0.12) background var(--formButtonHoverBg)
//border-color rgba(var(--primary-r), var(--primary-g), var(--primary-b), isDark ? 0.5 : 0.3) border-color var(--formButtonHoverBorder)
&:active &:active
color var(--primaryDarken20) color var(--primaryDarken20)
//background rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.12) background var(--formButtonActiveBg)
border-color var(--primary) border-color var(--primary)
transition all 0s transition all 0s
@ -80,10 +78,4 @@ root(isDark)
> button > button
border-radius 64px border-radius 64px
.nvemkhtwcnnpkdrwfcbzuwhfulejhmzg[data-darkmode]
root(true)
.nvemkhtwcnnpkdrwfcbzuwhfulejhmzg:not([data-darkmode])
root(false)
</style> </style>

12
src/client/app/common/views/components/ui/form/radio.vue
View File

@ -49,9 +49,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.uywduthvrdnlpsvsjkqigicixgyfctto
root(isDark)
display inline-flex display inline-flex
margin 0 16px 0 0 margin 0 16px 0 0
cursor pointer cursor pointer
@ -93,7 +91,7 @@ root(isDark)
width 20px width 20px
height 20px height 20px
background none background none
border solid 2px isDark ? rgba(#fff, 0.6) : rgba(#000, 0.4) border solid 2px var(--radioBorder)
border-radius 100% border-radius 100%
transition inherit transition inherit
@ -117,10 +115,4 @@ root(isDark)
line-height 20px line-height 20px
cursor pointer cursor pointer
.uywduthvrdnlpsvsjkqigicixgyfctto[data-darkmode]
root(true)
.uywduthvrdnlpsvsjkqigicixgyfctto:not([data-darkmode])
root(false)
</style> </style>

16
src/client/app/common/views/components/ui/input.vue
View File

@ -155,9 +155,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(fill)
root(isDark, fill)
margin 32px 0 margin 32px 0
> .icon > .icon
@ -335,16 +333,10 @@ root(isDark, fill)
left 0 !important left 0 !important
transform scale(0.75) transform scale(0.75)
.ui-input[data-darkmode] .ui-input
&.fill &.fill
root(true, true) root(true)
&:not(.fill) &:not(.fill)
root(true, false) root(false)
.ui-input:not([data-darkmode])
&.fill
root(false, true)
&:not(.fill)
root(false, false)
</style> </style>

10
src/client/app/common/views/components/ui/radio.vue
View File

@ -51,9 +51,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.ui-radio
root(isDark)
display inline-block display inline-block
margin 0 32px 0 0 margin 0 32px 0 0
cursor pointer cursor pointer
@ -111,10 +109,4 @@ root(isDark)
line-height 20px line-height 20px
cursor pointer cursor pointer
.ui-radio[data-darkmode]
root(true)
.ui-radio:not([data-darkmode])
root(false)
</style> </style>

16
src/client/app/common/views/components/ui/select.vue
View File

@ -70,9 +70,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(fill)
root(isDark, fill)
margin 32px 0 margin 32px 0
> .icon > .icon
@ -200,16 +198,10 @@ root(isDark, fill)
left 0 !important left 0 !important
transform scale(0.75) transform scale(0.75)
.ui-select[data-darkmode] .ui-select
&.fill &.fill
root(true, true) root(true)
&:not(.fill) &:not(.fill)
root(true, false) root(false)
.ui-select:not([data-darkmode])
&.fill
root(false, true)
&:not(.fill)
root(false, false)
</style> </style>

13
src/client/app/common/views/pages/follow.vue
View File

@ -107,14 +107,12 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.syxhndwprovvuqhmyvveewmbqayniwkv
root(isDark)
padding 32px padding 32px
max-width 500px max-width 500px
margin 0 auto margin 0 auto
text-align center text-align center
color isDark ? #9baec8 : #868c8c color var(--text)
$bg = var(--face) $bg = var(--face)
@ -124,7 +122,6 @@ root(isDark)
> .signed-in-as > .signed-in-as
margin-bottom 16px margin-bottom 16px
font-size 14px font-size 14px
color isDark ? #9baec8 : #9daab3
> main > main
margin-bottom 16px margin-bottom 16px
@ -204,10 +201,4 @@ root(isDark)
* *
pointer-events none pointer-events none
.syxhndwprovvuqhmyvveewmbqayniwkv[data-darkmode]
root(true)
.syxhndwprovvuqhmyvveewmbqayniwkv:not([data-darkmode])
root(false)
</style> </style>

10
src/client/app/common/views/widgets/analog-clock.vue
View File

@ -26,16 +26,8 @@ export default define({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.mkw-analog-clock
root(isDark)
.mkw-analog-clock--body .mkw-analog-clock--body
padding 8px padding 8px
.mkw-analog-clock[data-darkmode]
root(true)
.mkw-analog-clock:not([data-darkmode])
root(false)
</style> </style>

15
src/client/app/common/views/widgets/calendar.vue
View File

@ -116,9 +116,7 @@ export default define({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.mkw-calendar
root(isDark)
&[data-special='on-new-years-day'] &[data-special='on-new-years-day']
border-color #ef95a0 border-color #ef95a0
@ -169,7 +167,8 @@ root(isDark)
margin 0 0 2px 0 margin 0 0 2px 0
font-size 12px font-size 12px
line-height 18px line-height 18px
color isDark ? #7a8692 : #888 color var(--text)
opacity 0.8
> b > b
margin-left 2px margin-left 2px
@ -177,7 +176,7 @@ root(isDark)
> .meter > .meter
width 100% width 100%
overflow hidden overflow hidden
background isDark ? #1c1f25 : #eee background var(--materBg)
border-radius 8px border-radius 8px
> .val > .val
@ -197,10 +196,4 @@ root(isDark)
> .meter > .val > .meter > .val
background #41ddde background #41ddde
.mkw-calendar[data-darkmode]
root(true)
.mkw-calendar:not([data-darkmode])
root(false)
</style> </style>

72
src/client/app/common/views/widgets/donation.vue
View File

@ -1,13 +1,15 @@
<template> <template>
<div class="mkw-donation" :data-mobile="platform == 'mobile'"> <div>
<article> <mk-widget-container :show-header="false">
<h1>%fa:heart%%i18n:@title%</h1> <article class="dolfvtibguprpxxhfndqaosjitixjohx">
<p v-if="meta"> <h1>%fa:heart%%i18n:@title%</h1>
{{ '%i18n:@text%'.substr(0, '%i18n:@text%'.indexOf('{')) }} <p v-if="meta">
<a :href="meta.maintainer.url">{{ meta.maintainer.name }}</a> {{ '%i18n:@text%'.substr(0, '%i18n:@text%'.indexOf('{')) }}
{{ '%i18n:@text%'.substr('%i18n:@text%'.indexOf('}') + 1) }} <a :href="meta.maintainer.url">{{ meta.maintainer.name }}</a>
</p> {{ '%i18n:@text%'.substr('%i18n:@text%'.indexOf('}') + 1) }}
</article> </p>
</article>
</mk-widget-container>
</div> </div>
</template> </template>
@ -30,46 +32,22 @@ export default define({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .dolfvtibguprpxxhfndqaosjitixjohx
background var(--face) padding 20px
border solid 1px isDark ? #c3831c : #ead8bb background var(--donationBg)
border-radius 6px color var(--donationFg)
> article > h1
padding 20px margin 0 0 5px 0
font-size 1em
> h1 > [data-fa]
margin 0 0 5px 0 margin-right 0.25em
font-size 1em
color isDark ? #b2bac1 : #888
> [data-fa] > p
margin-right 0.25em display block
z-index 1
> p margin 0
display block font-size 0.8em
z-index 1
margin 0
font-size 0.8em
color isDark ? #a1a6ab : #999
&[data-mobile]
border none
background #ead8bb
border-radius 8px
box-shadow 0 0 0 1px rgba(#000, 0.2)
> article
> h1
color #7b8871
> p
color #777d71
.mkw-donation[data-darkmode]
root(true)
.mkw-donation:not([data-darkmode])
root(false)
</style> </style>

14
src/client/app/common/views/widgets/memo.vue
View File

@ -57,9 +57,7 @@ export default define({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.mkw-memo
root(isDark)
.mkw-memo--body .mkw-memo--body
padding-bottom 28px + 16px padding-bottom 28px + 16px
@ -69,10 +67,10 @@ root(isDark)
max-width 100% max-width 100%
min-width 100% min-width 100%
padding 16px padding 16px
color isDark ? #fff : #222 color var(--inputText)
background var(--face) background var(--face)
border none border none
border-bottom solid 1px isDark ? #1c2023 : #eee border-bottom solid 1px var(--faceDivider)
border-radius 0 border-radius 0
> button > button
@ -102,10 +100,4 @@ root(isDark)
opacity 0.7 opacity 0.7
cursor default cursor default
.mkw-memo[data-darkmode]
root(true)
.mkw-memo:not([data-darkmode])
root(false)
</style> </style>

10
src/client/app/common/views/widgets/server.cpu.vue
View File

@ -38,7 +38,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .cpu
> .pie > .pie
padding 10px padding 10px
height 100px height 100px
@ -52,7 +52,7 @@ root(isDark)
> p > p
margin 0 margin 0
font-size 12px font-size 12px
color isDark ? #a8b4bd : #505050 color var(--chartCaption)
&:first-child &:first-child
font-weight bold font-weight bold
@ -65,10 +65,4 @@ root(isDark)
display block display block
clear both clear both
.cpu[data-darkmode]
root(true)
.cpu:not([data-darkmode])
root(false)
</style> </style>

10
src/client/app/common/views/widgets/server.disk.vue
View File

@ -46,7 +46,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .disk
> .pie > .pie
padding 10px padding 10px
height 100px height 100px
@ -60,7 +60,7 @@ root(isDark)
> p > p
margin 0 margin 0
font-size 12px font-size 12px
color isDark ? #a8b4bd : #505050 color var(--chartCaption)
&:first-child &:first-child
font-weight bold font-weight bold
@ -73,10 +73,4 @@ root(isDark)
display block display block
clear both clear both
.disk[data-darkmode]
root(true)
.disk:not([data-darkmode])
root(false)
</style> </style>

10
src/client/app/common/views/widgets/server.memory.vue
View File

@ -46,7 +46,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .memory
> .pie > .pie
padding 10px padding 10px
height 100px height 100px
@ -60,7 +60,7 @@ root(isDark)
> p > p
margin 0 margin 0
font-size 12px font-size 12px
color isDark ? #a8b4bd : #505050 color var(--chartCaption)
&:first-child &:first-child
font-weight bold font-weight bold
@ -73,10 +73,4 @@ root(isDark)
display block display block
clear both clear both
.memory[data-darkmode]
root(true)
.memory:not([data-darkmode])
root(false)
</style> </style>

10
src/client/app/common/views/widgets/server.pie.vue
View File

@ -45,7 +45,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) svg
display block display block
height 100% height 100%
@ -56,12 +56,6 @@ root(isDark)
> text > text
font-size 0.15px font-size 0.15px
fill isDark ? rgba(#fff, 0.6) : rgba(#000, 0.6) fill var(--chartCaption)
svg[data-darkmode]
root(true)
svg:not([data-darkmode])
root(false)
</style> </style>

16
src/client/app/desktop/views/components/context-menu.menu.vue
View File

@ -31,9 +31,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.menu
root(isDark)
$width = 240px $width = 240px
$item-height = 38px $item-height = 38px
$padding = 10px $padding = 10px
@ -48,7 +46,7 @@ root(isDark)
&.divider &.divider
margin-top $padding margin-top $padding
padding-top $padding padding-top $padding
border-top solid 1px isDark ? #1c2023 : #eee border-top solid 1px var(--faceDivider)
&.nest &.nest
> p > p
@ -77,7 +75,7 @@ root(isDark)
margin 0 margin 0
padding 0 32px 0 38px padding 0 32px 0 38px
line-height $item-height line-height $item-height
color isDark ? #c8cece : #868C8C color var(--text)
text-decoration none text-decoration none
cursor pointer cursor pointer
@ -106,17 +104,11 @@ root(isDark)
left $width left $width
margin-top -($padding) margin-top -($padding)
width $width width $width
background isDark ? #282c37 :#fff background var(--popupBg)
border-radius 0 4px 4px 4px border-radius 0 4px 4px 4px
box-shadow 2px 2px 8px rgba(#000, 0.2) box-shadow 2px 2px 8px rgba(#000, 0.2)
transition visibility 0s linear 0.2s transition visibility 0s linear 0.2s
.menu[data-darkmode]
root(true)
.menu:not([data-darkmode])
root(false)
</style> </style>
<style lang="stylus" module> <style lang="stylus" module>

10
src/client/app/desktop/views/components/context-menu.vue
View File

@ -71,7 +71,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .context-menu
$width = 240px $width = 240px
$item-height = 38px $item-height = 38px
$padding = 10px $padding = 10px
@ -82,15 +82,9 @@ root(isDark)
z-index 4096 z-index 4096
width $width width $width
font-size 0.8em font-size 0.8em
background var(--face) background var(--popupBg)
border-radius 0 4px 4px 4px border-radius 0 4px 4px 4px
box-shadow 2px 2px 8px rgba(#000, 0.2) box-shadow 2px 2px 8px rgba(#000, 0.2)
opacity 0 opacity 0
.context-menu[data-darkmode]
root(true)
.context-menu:not([data-darkmode])
root(false)
</style> </style>

12
src/client/app/desktop/views/components/drive.file.vue
View File

@ -200,9 +200,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.gvfdktuvdgwhmztnuekzkswkjygptfcv
root(isDark)
padding 8px 0 0 0 padding 8px 0 0 0
height 180px height 180px
border-radius 4px border-radius 4px
@ -337,16 +335,10 @@ root(isDark)
font-size 0.8em font-size 0.8em
text-align center text-align center
word-break break-all word-break break-all
color isDark ? #fff : #444 color var(--text)
overflow hidden overflow hidden
> .ext > .ext
opacity 0.5 opacity 0.5
.gvfdktuvdgwhmztnuekzkswkjygptfcv[data-darkmode]
root(true)
.gvfdktuvdgwhmztnuekzkswkjygptfcv:not([data-darkmode])
root(false)
</style> </style>

8
src/client/app/desktop/views/components/note-preview.vue
View File

@ -47,7 +47,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .qiziqtywpuaucsgarwajitwaakggnisj
display flex display flex
font-size 0.9em font-size 0.9em
@ -83,10 +83,4 @@ root(isDark)
padding 0 padding 0
color var(--subNoteText) color var(--subNoteText)
.qiziqtywpuaucsgarwajitwaakggnisj[data-darkmode]
root(true)
.qiziqtywpuaucsgarwajitwaakggnisj:not([data-darkmode])
root(false)
</style> </style>

8
src/client/app/desktop/views/components/notes.note.sub.vue
View File

@ -42,7 +42,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .tkfdzaxtkdeianobciwadajxzbddorql
display flex display flex
margin 0 margin 0
padding 16px 32px padding 16px 32px
@ -88,10 +88,4 @@ root(isDark)
max-height 120px max-height 120px
font-size 80% font-size 80%
.tkfdzaxtkdeianobciwadajxzbddorql[data-darkmode]
root(true)
.tkfdzaxtkdeianobciwadajxzbddorql:not([data-darkmode])
root(false)
</style> </style>

11
src/client/app/desktop/views/components/post-form-window.vue
View File

@ -77,7 +77,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .mk-post-form-window
.mk-post-form-window--header .mk-post-form-window--header
.icon .icon
margin-right 8px margin-right 8px
@ -94,15 +94,6 @@ root(isDark)
.mk-post-form-window--body .mk-post-form-window--body
.notePreview .notePreview
if isDark
margin 16px 22px 0 22px
else
margin 16px 22px margin 16px 22px
.mk-post-form-window[data-darkmode]
root(true)
.mk-post-form-window:not([data-darkmode])
root(false)
</style> </style>

9
src/client/app/desktop/views/components/settings.tags.vue
View File

@ -47,8 +47,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.vfcitkilproprqtbnpoertpsziierwzi
root(isDark)
> .timeline > .timeline
padding-bottom 16px padding-bottom 16px
border-bottom solid 1px rgba(#000, 0.1) border-bottom solid 1px rgba(#000, 0.1)
@ -56,10 +55,4 @@ root(isDark)
> .add > .add
margin-top 16px margin-top 16px
.vfcitkilproprqtbnpoertpsziierwzi[data-darkmode]
root(true)
.vfcitkilproprqtbnpoertpsziierwzi:not([data-darkmode])
root(false)
</style> </style>

8
src/client/app/desktop/views/components/ui.header.vue
View File

@ -77,7 +77,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .header
position fixed position fixed
top 0 top 0
z-index 1000 z-index 1000
@ -151,10 +151,4 @@ root(isDark)
> .mk-ui-header-search > .mk-ui-header-search
display none display none
.header[data-darkmode]
root(true)
.header:not([data-darkmode])
root(false)
</style> </style>

8
src/client/app/desktop/views/components/widget-container.vue
View File

@ -25,7 +25,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .mk-widget-container
background var(--face) background var(--face)
box-shadow var(--shadow) box-shadow var(--shadow)
border-radius var(--round) border-radius var(--round)
@ -71,10 +71,4 @@ root(isDark)
&:active &:active
color var(--faceTextButtonActive) color var(--faceTextButtonActive)
.mk-widget-container[data-darkmode]
root(true)
.mk-widget-container:not([data-darkmode])
root(false)
</style> </style>

19
src/client/app/desktop/views/components/window.vue
View File

@ -462,7 +462,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .mk-window
display block display block
> .bg > .bg
@ -490,10 +490,7 @@ root(isDark)
&:focus &:focus
&:not([data-is-modal]) &:not([data-is-modal])
> .body > .body
if isDark box-shadow 0 0 0px 1px var(--primaryAlpha05), 0 2px 12px 0 var(--desktopWindowShadow)
box-shadow 0 0 0px 1px var(--primaryAlpha05), 0 2px 12px 0 rgba(#000, 0.5)
else
box-shadow 0 0 0px 1px var(--primaryAlpha05), 0 2px 6px 0 rgba(#000, 0.2)
> .handle > .handle
$size = 8px $size = 8px
@ -561,11 +558,7 @@ root(isDark)
overflow hidden overflow hidden
background var(--face) background var(--face)
border-radius 6px border-radius 6px
box-shadow 0 2px 12px 0 rgba(#000, 0.5)
if isDark
box-shadow 0 2px 12px 0 rgba(#000, 0.5)
else
box-shadow 0 2px 6px 0 rgba(#000, 0.2)
> header > header
$header-height = 40px $header-height = 40px
@ -632,10 +625,4 @@ root(isDark)
> .main > .body > .content > .main > .body > .content
height calc(100% - 40px) height calc(100% - 40px)
.mk-window[data-darkmode]
root(true)
.mk-window:not([data-darkmode])
root(false)
</style> </style>

8
src/client/app/desktop/views/pages/admin/admin.cpu-memory.vue
View File

@ -111,7 +111,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .zyknedwtlthezamcjlolyusmipqmjgxz
> svg > svg
display block display block
width 50% width 50%
@ -135,10 +135,4 @@ root(isDark)
display block display block
clear both clear both
.zyknedwtlthezamcjlolyusmipqmjgxz[data-darkmode]
root(true)
.zyknedwtlthezamcjlolyusmipqmjgxz:not([data-darkmode])
root(false)
</style> </style>

5
src/client/app/desktop/views/pages/deck/deck.column.vue
View File

@ -305,9 +305,8 @@ export default Vue.extend({
background transparent background transparent
box-shadow none box-shadow none
if !isDark > button
> button color var(--text)
color #bbb
> header > header
display flex display flex

8
src/client/app/desktop/views/pages/deck/deck.note.sub.vue
View File

@ -29,7 +29,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .fnlfosztlhtptnongximhlbykxblytcq
display flex display flex
padding 16px padding 16px
font-size 10px font-size 10px
@ -68,10 +68,4 @@ root(isDark)
max-height 120px max-height 120px
font-size 80% font-size 80%
.fnlfosztlhtptnongximhlbykxblytcq[data-darkmode]
root(true)
.fnlfosztlhtptnongximhlbykxblytcq:not([data-darkmode])
root(false)
</style> </style>

8
src/client/app/desktop/views/pages/deck/deck.notification.vue
View File

@ -109,7 +109,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .dsfykdcjpuwfvpefwufddclpjhzktmpw
> .notification > .notification
padding 16px padding 16px
font-size 13px font-size 13px
@ -170,10 +170,4 @@ root(isDark)
> div > header i > div > header i
color #888 color #888
.dsfykdcjpuwfvpefwufddclpjhzktmpw[data-darkmode]
root(true)
.dsfykdcjpuwfvpefwufddclpjhzktmpw:not([data-darkmode])
root(false)
</style> </style>

9
src/client/app/desktop/views/pages/deck/deck.notifications.vue
View File

@ -155,8 +155,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .oxynyeqmfvracxnglgulyqfgqxnxmehl
.transition .transition
.mk-notifications-enter .mk-notifications-enter
.mk-notifications-leave-to .mk-notifications-leave-to
@ -221,10 +220,4 @@ root(isDark)
> [data-fa] > [data-fa]
margin-right 4px margin-right 4px
.oxynyeqmfvracxnglgulyqfgqxnxmehl[data-darkmode]
root(true)
.oxynyeqmfvracxnglgulyqfgqxnxmehl:not([data-darkmode])
root(false)
</style> </style>

8
src/client/app/desktop/views/pages/user/user.followers-you-know.vue
View File

@ -36,7 +36,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .vahgrswmbzfdlmomxnqftuueyvwaafth
background var(--face) background var(--face)
box-shadow var(--shadow) box-shadow var(--shadow)
border-radius var(--round) border-radius var(--round)
@ -77,10 +77,4 @@ root(isDark)
> i > i
margin-right 4px margin-right 4px
.vahgrswmbzfdlmomxnqftuueyvwaafth[data-darkmode]
root(true)
.vahgrswmbzfdlmomxnqftuueyvwaafth:not([data-darkmode])
root(false)
</style> </style>

8
src/client/app/desktop/views/widgets/trends.vue
View File

@ -67,7 +67,7 @@ export default define({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .mkw-trends
.mkw-trends--body .mkw-trends--body
> .note > .note
padding 16px padding 16px
@ -98,10 +98,4 @@ root(isDark)
> [data-fa] > [data-fa]
margin-right 4px margin-right 4px
.mkw-trends[data-darkmode]
root(true)
.mkw-trends:not([data-darkmode])
root(false)
</style> </style>

8
src/client/app/mobile/views/components/note-preview.vue
View File

@ -36,7 +36,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .yohlumlkhizgfkvvscwfcrcggkotpvry
display flex display flex
margin 0 margin 0
padding 0 padding 0
@ -100,10 +100,4 @@ root(isDark)
padding 0 padding 0
color var(--subNoteText) color var(--subNoteText)
.yohlumlkhizgfkvvscwfcrcggkotpvry[data-darkmode]
root(true)
.yohlumlkhizgfkvvscwfcrcggkotpvry:not([data-darkmode])
root(false)
</style> </style>

10
src/client/app/mobile/views/components/notes.vue
View File

@ -217,9 +217,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.mk-notes
root(isDark)
overflow hidden overflow hidden
background var(--face) background var(--face)
border-radius 8px border-radius 8px
@ -293,10 +291,4 @@ root(isDark)
&:disabled &:disabled
opacity 0.7 opacity 0.7
.mk-notes[data-darkmode]
root(true)
.mk-notes:not([data-darkmode])
root(false)
</style> </style>

9
src/client/app/mobile/views/pages/welcome.vue
View File

@ -122,9 +122,8 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .wgwfgvvimdjvhjfwxropcwksnzftjqes
text-align center text-align center
//background #fff
> .banner > .banner
position absolute position absolute
@ -317,10 +316,4 @@ root(isDark)
margin 16px 0 0 0 margin 16px 0 0 0
opacity 0.7 opacity 0.7
.wgwfgvvimdjvhjfwxropcwksnzftjqes[data-darkmode]
root(true)
.wgwfgvvimdjvhjfwxropcwksnzftjqes:not([data-darkmode])
root(false)
</style> </style>

30
src/client/theme/dark.json
View File

@ -62,6 +62,7 @@
"dateDividerFg": ":alpha<0.7<$text", "dateDividerFg": ":alpha<0.7<$text",
"switchTrack": "rgba(255, 255, 255, 0.15)", "switchTrack": "rgba(255, 255, 255, 0.15)",
"radioBorder": "rgba(255, 255, 255, 0.6)",
"inputBorder": "rgba(255, 255, 255, 0.7)", "inputBorder": "rgba(255, 255, 255, 0.7)",
"inputLabel": "rgba(255, 255, 255, 0.7)", "inputLabel": "rgba(255, 255, 255, 0.7)",
"inputText": "#fff", "inputText": "#fff",
@ -80,6 +81,9 @@
"pollEditorInputBg": "rgba(0, 0, 0, 0.25)", "pollEditorInputBg": "rgba(0, 0, 0, 0.25)",
"pollChoiceText": "#fff",
"pollChoiceBorder": "rgba(255, 255, 255, 0.1)",
"urlPreviewBorder": "rgba(0, 0, 0, 0.4)", "urlPreviewBorder": "rgba(0, 0, 0, 0.4)",
"urlPreviewBorderHover": "rgba(255, 255, 255, 0.2)", "urlPreviewBorderHover": "rgba(255, 255, 255, 0.2)",
"urlPreviewTitle": "$text", "urlPreviewTitle": "$text",
@ -90,12 +94,17 @@
"calendarSaturdayOrSunday": "#ff6679", "calendarSaturdayOrSunday": "#ff6679",
"calendarDay": "#c5ced6", "calendarDay": "#c5ced6",
"materBg": "rgba(0, 0, 0, 0.3)",
"chartCaption": ":alpha<0.6<$text", "chartCaption": ":alpha<0.6<$text",
"announcementsBg": "#253a50", "announcementsBg": "#253a50",
"announcementsTitle": "#539eff", "announcementsTitle": "#539eff",
"announcementsText": "#fff", "announcementsText": "#fff",
"donationBg": "#5d5242",
"donationFg": "#e4dbce",
"googleSearchBg": "rgba(0, 0, 0, 0.2)", "googleSearchBg": "rgba(0, 0, 0, 0.2)",
"googleSearchFg": "#dee4e8", "googleSearchFg": "#dee4e8",
"googleSearchBorder": "rgba(255, 255, 255, 0.2)", "googleSearchBorder": "rgba(255, 255, 255, 0.2)",
@ -119,6 +128,11 @@
"messagingRoomMessageBg": "$secondary", "messagingRoomMessageBg": "$secondary",
"messagingRoomMessageFg": "#fff", "messagingRoomMessageFg": "#fff",
"formButtonBorder": "rgba(255, 255, 255, 0.1)",
"formButtonHoverBg": ":alpha<0.2<$primary",
"formButtonHoverBorder": ":alpha<0.5<$primary",
"formButtonActiveBg": ":alpha<0.12<$primary",
"desktopHeaderBg": ":lighten<5<$secondary", "desktopHeaderBg": ":lighten<5<$secondary",
"desktopHeaderFg": "$text", "desktopHeaderFg": "$text",
"desktopHeaderHoverFg": "#fff", "desktopHeaderHoverFg": "#fff",
@ -140,6 +154,7 @@
"desktopTimelineSrc": "@faceTextButton", "desktopTimelineSrc": "@faceTextButton",
"desktopTimelineSrcHover": "@faceTextButtonHover", "desktopTimelineSrcHover": "@faceTextButtonHover",
"desktopWindowTitle": "@faceHeaderText", "desktopWindowTitle": "@faceHeaderText",
"desktopWindowShadow": "rgba(0, 0, 0, 0.5)",
"desktopDriveBg": "@bg", "desktopDriveBg": "@bg",
"desktopDriveFolderBg": ":alpha<0.2<$primary", "desktopDriveFolderBg": ":alpha<0.2<$primary",
"desktopDriveFolderHoverBg": ":alpha<0.3<$primary", "desktopDriveFolderHoverBg": ":alpha<0.3<$primary",
@ -169,5 +184,18 @@
"mobileSignedInAsBg": "#273c34", "mobileSignedInAsBg": "#273c34",
"mobileSignedInAsFg": "#49ab63", "mobileSignedInAsFg": "#49ab63",
"mobileSignoutBg": "#652222", "mobileSignoutBg": "#652222",
"mobileSignoutFg": "#ff5f56" "mobileSignoutFg": "#ff5f56",
"reversiBannerGradientStart": "#45730e",
"reversiBannerGradientEnd": "#464300",
"reversiDescBg": "rgba(255, 255, 255, 0.1)",
"reversiListItemShadow": "rgba(0, 0, 0, 0.7)",
"reversiMapSelectBorder": "rgba(255, 255, 255, 0.1)",
"reversiMapSelectHoverBorder": "rgba(255, 255, 255, 0.2)",
"reversiRoomFormShadow": "rgba(0, 0, 0, 0.7)",
"reversiRoomFooterBg": ":alpha<0.9<$secondary",
"reversiGameHeaderLine": ":alpha<0.5<$secondary",
"reversiGameEmptyCell": ":lighten<2<$secondary",
"reversiGameEmptyCellMyTurn": ":lighten<5<$secondary",
"reversiGameEmptyCellCanPut": ":lighten<4<$secondary"
} }

30
src/client/theme/light.json
View File

@ -62,6 +62,7 @@
"dateDividerFg": ":alpha<0.7<$text", "dateDividerFg": ":alpha<0.7<$text",
"switchTrack": "rgba(0, 0, 0, 0.25)", "switchTrack": "rgba(0, 0, 0, 0.25)",
"radioBorder": "rgba(0, 0, 0, 0.4)",
"inputBorder": "rgba(0, 0, 0, 0.42)", "inputBorder": "rgba(0, 0, 0, 0.42)",
"inputLabel": "rgba(0, 0, 0, 0.54)", "inputLabel": "rgba(0, 0, 0, 0.54)",
"inputText": "#000", "inputText": "#000",
@ -80,6 +81,9 @@
"pollEditorInputBg": "#fff", "pollEditorInputBg": "#fff",
"pollChoiceText": "#000",
"pollChoiceBorder": "rgba(0, 0, 0, 0.1)",
"urlPreviewBorder": "rgba(0, 0, 0, 0.1)", "urlPreviewBorder": "rgba(0, 0, 0, 0.1)",
"urlPreviewBorderHover": "rgba(0, 0, 0, 0.2)", "urlPreviewBorderHover": "rgba(0, 0, 0, 0.2)",
"urlPreviewTitle": "$text", "urlPreviewTitle": "$text",
@ -90,12 +94,17 @@
"calendarSaturdayOrSunday": "#ef95a0", "calendarSaturdayOrSunday": "#ef95a0",
"calendarDay": "#777", "calendarDay": "#777",
"materBg": "rgba(0, 0, 0, 0.1)",
"chartCaption": ":alpha<0.6<$text", "chartCaption": ":alpha<0.6<$text",
"announcementsBg": "#f3f9ff", "announcementsBg": "#f3f9ff",
"announcementsTitle": "#4078c0", "announcementsTitle": "#4078c0",
"announcementsText": "#57616f", "announcementsText": "#57616f",
"donationBg": "#fbead4",
"donationFg": "#777d71",
"googleSearchBg": "#fff", "googleSearchBg": "#fff",
"googleSearchFg": "#55595c", "googleSearchFg": "#55595c",
"googleSearchBorder": "rgba(0, 0, 0, 0.2)", "googleSearchBorder": "rgba(0, 0, 0, 0.2)",
@ -119,6 +128,11 @@
"messagingRoomMessageBg": "#eee", "messagingRoomMessageBg": "#eee",
"messagingRoomMessageFg": "#333", "messagingRoomMessageFg": "#333",
"formButtonBorder": "rgba(0, 0, 0, 0.1)",
"formButtonHoverBg": ":alpha<0.12<$primary",
"formButtonHoverBorder": ":alpha<0.3<$primary",
"formButtonActiveBg": ":alpha<0.12<$primary",
"desktopHeaderBg": ":lighten<5<$secondary", "desktopHeaderBg": ":lighten<5<$secondary",
"desktopHeaderFg": "$text", "desktopHeaderFg": "$text",
"desktopHeaderHoverFg": "#7b8c88", "desktopHeaderHoverFg": "#7b8c88",
@ -140,6 +154,7 @@
"desktopTimelineSrc": "#6f7477", "desktopTimelineSrc": "#6f7477",
"desktopTimelineSrcHover": "#525a5f", "desktopTimelineSrcHover": "#525a5f",
"desktopWindowTitle": "#666", "desktopWindowTitle": "#666",
"desktopWindowShadow": "rgba(0, 0, 0, 0.2)",
"desktopDriveBg": "#fff", "desktopDriveBg": "#fff",
"desktopDriveFolderBg": ":lighten<31<$primary", "desktopDriveFolderBg": ":lighten<31<$primary",
"desktopDriveFolderHoverBg": ":lighten<27<$primary", "desktopDriveFolderHoverBg": ":lighten<27<$primary",
@ -169,5 +184,18 @@
"mobileSignedInAsBg": "#fcfff5", "mobileSignedInAsBg": "#fcfff5",
"mobileSignedInAsFg": "#2c662d", "mobileSignedInAsFg": "#2c662d",
"mobileSignoutBg": "#fff6f5", "mobileSignoutBg": "#fff6f5",
"mobileSignoutFg": "#cc2727" "mobileSignoutFg": "#cc2727",
"reversiBannerGradientStart": "#8bca3e",
"reversiBannerGradientEnd": "#d6cf31",
"reversiDescBg": "rgba(0, 0, 0, 0.1)",
"reversiListItemShadow": "rgba(0, 0, 0, 0.15)",
"reversiMapSelectBorder": "rgba(0, 0, 0, 0.1)",
"reversiMapSelectHoverBorder": "rgba(0, 0, 0, 0.2)",
"reversiRoomFormShadow": "rgba(0, 0, 0, 0.1)",
"reversiRoomFooterBg": ":alpha<0.9<$secondary",
"reversiGameHeaderLine": "#c4cdd4",
"reversiGameEmptyCell": "rgba(0, 0, 0, 0.06)",
"reversiGameEmptyCellMyTurn": "rgba(0, 0, 0, 0.12)",
"reversiGameEmptyCellCanPut": "rgba(0, 0, 0, 0.9)"
} }