mirror/MisskeyIO
1
0
Fork 0
mirror of https://github.com/MisskeyIO/misskey synced 2024-12-16 07:38:14 +09:00
Code

[Client] Improve theming 🎨

Browse Source
This commit is contained in:
syuilo 2018-12-31 01:15:32 +09:00
parent 84f1ce866b
commit 5692ae59a1
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
10 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -207,7 +207,7 @@ export default Vue.extend({
top -4px top -4px
right 4px right 4px
font-size 10px font-size 10px
color var(--primary) color var(--notificationIndicator)
&:hover &:hover
color var(--faceTextButtonHover) color var(--faceTextButtonHover)

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

@ -147,7 +147,7 @@ export default Vue.extend({
> [data-icon]:last-child > [data-icon]:last-child
margin-left 5px margin-left 5px
font-size 10px font-size 10px
color var(--primary) color var(--notificationIndicator)
@media (max-width 1100px) @media (max-width 1100px)
margin-left -5px margin-left -5px

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

@ -90,7 +90,7 @@ export default Vue.extend({
margin-left -5px margin-left -5px
vertical-align super vertical-align super
font-size 10px font-size 10px
color var(--primary) color var(--notificationIndicator)
> .pop > .pop
$bgcolor = var(--face) $bgcolor = var(--face)

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

@ -159,7 +159,7 @@ export default Vue.extend({
left 8px left 8px
pointer-events none pointer-events none
font-size 10px font-size 10px
color var(--primary) color var(--notificationIndicator)
> button:last-child > button:last-child
display block display block

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

@ -238,7 +238,7 @@ export default Vue.extend({
> i.circle > i.circle
margin-left 6px margin-left 6px
font-size 10px font-size 10px
color var(--primary) color var(--notificationIndicator)
> i:last-child > i:last-child
position absolute position absolute

4
src/client/app/mobile/views/pages/home.vue
View File

@ -225,7 +225,7 @@ main
> .badge > .badge
margin-left 6px margin-left 6px
font-size 10px font-size 10px
color var(--primary) color var(--notificationIndicator)
> .tl > .tl
max-width 680px max-width 680px
@ -248,7 +248,7 @@ main
.badge .badge
margin-left 6px margin-left 6px
font-size 10px font-size 10px
color var(--primary) color var(--notificationIndicator)
vertical-align middle vertical-align middle
</style> </style>

2
src/client/theme/dark.json5
View File

@ -24,6 +24,8 @@
scrollbarHandle: ':lighten<5<$secondary', scrollbarHandle: ':lighten<5<$secondary',
scrollbarHandleHover: ':lighten<10<$secondary', scrollbarHandleHover: ':lighten<10<$secondary',
notificationIndicator: '$primary',
face: '$secondary', face: '$secondary',
faceText: '#fff', faceText: '#fff',
faceHeader: ':lighten<5<$secondary', faceHeader: ':lighten<5<$secondary',

3
src/client/theme/gruvbox-dark.json5
View File

@ -20,6 +20,7 @@
mfmMentionForeground: '#fff', mfmMentionForeground: '#fff',
mfmUrl: 'rgb(69, 133, 136)', mfmUrl: 'rgb(69, 133, 136)',
mfmLink: 'rgb(104, 157, 106)', mfmLink: 'rgb(104, 157, 106)',
mfmHashtag: 'rgb(251, 73, 52)' mfmHashtag: 'rgb(251, 73, 52)',
notificationIndicator: 'rgb(184, 187, 38)',
}, },
} }

2
src/client/theme/light.json5
View File

@ -24,6 +24,8 @@
scrollbarHandle: '#00000033', scrollbarHandle: '#00000033',
scrollbarHandleHover: '#00000066', scrollbarHandleHover: '#00000066',
notificationIndicator: '$primary',
face: '$secondary', face: '$secondary',
faceText: '$text', faceText: '$text',
faceHeader: ':lighten<5<$secondary', faceHeader: ':lighten<5<$secondary',

3
src/client/theme/monokai.json5
View File

@ -20,6 +20,7 @@
mfmMentionForeground: '#fff', mfmMentionForeground: '#fff',
mfmUrl: '#66d9ef', mfmUrl: '#66d9ef',
mfmLink: '#e6db74', mfmLink: '#e6db74',
mfmHashtag: '#fd971f' mfmHashtag: '#fd971f',
notificationIndicator: '#66d9ef',
}, },
} }