HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

Darken

Browse source
This commit is contained in:
syuilo 2018-05-26 23:34:20 +09:00
parent 67b3461c24
commit 102aaeb390
1 changed files with 20 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/client/app/desktop/views/components/calendar.vue
View file

@ -138,6 +138,7 @@ root(isDark)
background isDark ? #282C37 : #fff background isDark ? #282C37 : #fff
border solid 1px rgba(#000, 0.075) border solid 1px rgba(#000, 0.075)
border-radius 6px border-radius 6px
overflow hidden
&[data-melt] &[data-melt]
background transparent !important background transparent !important
@ -151,9 +152,12 @@ root(isDark)
line-height 42px line-height 42px
font-size 0.9em font-size 0.9em
font-weight bold font-weight bold
color #888 color isDark ? #c5ced6 : #888
box-shadow 0 1px rgba(#000, 0.07) box-shadow 0 1px rgba(#000, 0.07)
if isDark
background #313543
> [data-fa] > [data-fa]
margin-right 4px margin-right 4px
@ -165,13 +169,13 @@ root(isDark)
width 42px width 42px
font-size 0.9em font-size 0.9em
line-height 42px line-height 42px
color #ccc color isDark ? #9baec8 : #ccc
&:hover &:hover
color #aaa color isDark ? #b2c1d5 : #aaa
&:active &:active
color #999 color isDark ? #b2c1d5 : #999
&:first-of-type &:first-of-type
left 0 left 0
@ -194,49 +198,49 @@ root(isDark)
font-size 14px font-size 14px
&.weekday &.weekday
color #19a2a9 color isDark ? #43d5dc : #19a2a9
&[data-is-donichi] &[data-is-donichi]
color #ef95a0 color isDark ? #ff6679 : #ef95a0
&[data-today] &[data-today]
box-shadow 0 0 0 1px #19a2a9 inset box-shadow 0 0 0 1px isDark ? #43d5dc : #19a2a9 inset
border-radius 6px border-radius 6px
&[data-is-donichi] &[data-is-donichi]
box-shadow 0 0 0 1px #ef95a0 inset box-shadow 0 0 0 1px isDark ? #ff6679 : #ef95a0 inset
&.day &.day
cursor pointer cursor pointer
color #777 color isDark ? #c5ced6 : #777
> div > div
border-radius 6px border-radius 6px
&:hover > div &:hover > div
background rgba(#000, 0.025) background rgba(#000, isDark ? 0.1 : 0.025)
&:active > div &:active > div
background rgba(#000, 0.05) background rgba(#000, isDark ? 0.2 : 0.05)
&[data-is-donichi] &[data-is-donichi]
color #ef95a0 color isDark ? #ff6679 : #ef95a0
&[data-is-out-of-range] &[data-is-out-of-range]
cursor default cursor default
color rgba(#777, 0.5) color rgba(isDark ? #c5ced6 : #777, 0.5)
&[data-is-donichi] &[data-is-donichi]
color rgba(#ef95a0, 0.5) color rgba(isDark ? #ff6679 : #ef95a0, 0.5)
&[data-selected] &[data-selected]
font-weight bold font-weight bold
> div > div
background rgba(#000, 0.025) background rgba(#000, isDark ? 0.1 : 0.025)
&:active > div &:active > div
background rgba(#000, 0.05) background rgba(#000, isDark ? 0.2 : 0.05)
&[data-today] &[data-today]
> div > div