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

wip

Browse Source
This commit is contained in:
syuilo 2018-09-27 00:54:37 +09:00
parent b6e33e93de
commit 3cbdfcb43d
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
11 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/client/app/common/views/components/note-header.vue
View File

@ -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

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

@ -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

4
src/client/app/desktop/views/components/notes.vue
View File

@ -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

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

@ -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

4
src/client/app/desktop/views/pages/deck/deck.notes.vue
View File

@ -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

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

@ -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

2
src/client/app/mobile/views/components/note.vue
View File

@ -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

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

@ -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

4
src/client/app/mobile/views/components/notifications.vue
View File

@ -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

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

@ -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",

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

@ -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",