mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-10-31 23:31:48 +09:00
Code

[Client] Improve theme 🎨

Browse Source
This commit is contained in:
syuilo 2018-12-31 02:33:03 +09:00
parent 5692ae59a1
commit 4d0b335748
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
7 changed files with 28 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -64,10 +64,10 @@ export default Vue.extend({
&.checked
> .button
border-color var(--primary)
border-color var(--radioActive)
&:after
background-color var(--primary)
background-color var(--radioActive)
transform scale(1)
opacity 1

6
src/client/app/common/views/components/ui/switch.vue
View File

@ -77,11 +77,11 @@ export default Vue.extend({
&.checked
> .button
background-color var(--primaryAlpha04)
border-color var(--primaryAlpha04)
background-color var(--switchActiveTrack)
border-color var(--switchActiveTrack)
> *
background-color var(--primary)
background-color var(--switchActive)
transform translateX(14px)
> input

6
src/client/style.styl
View File

@ -22,7 +22,7 @@ html, body
a
text-decoration none
color var(--primary)
color var(--link)
cursor pointer
&:hover
@ -33,7 +33,7 @@ a
@css {
a {
tap-highlight-color: var(--primaryAlpha07) !important;
-webkit-tap-highlight-color: var(--primaryAlpha07) !important;
tap-highlight-color: var(--linkTapHighlight) !important;
-webkit-tap-highlight-color: var(--linkTapHighlight) !important;
}
}

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

@ -24,8 +24,15 @@
scrollbarHandle: ':lighten<5<$secondary',
scrollbarHandleHover: ':lighten<10<$secondary',
link: '$primary',
linkTapHighlight: ':alpha<0.7<@link',
notificationIndicator: '$primary',
switchActive: '$primary',
switchActiveTrack: ':alpha<0.4<@switchActive',
radioActive: '$primary',
face: '$secondary',
faceText: '#fff',
faceHeader: ':lighten<5<$secondary',

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

@ -22,5 +22,8 @@
mfmLink: 'rgb(104, 157, 106)',
mfmHashtag: 'rgb(251, 73, 52)',
notificationIndicator: 'rgb(184, 187, 38)',
switchActive: 'rgb(254, 128, 25)',
radioActive: 'rgb(131, 165, 152)',
link: 'rgb(104, 157, 106)',
},
}

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

@ -24,8 +24,15 @@
scrollbarHandle: '#00000033',
scrollbarHandleHover: '#00000066',
link: '$primary',
linkTapHighlight: ':alpha<0.7<@link',
notificationIndicator: '$primary',
switchActive: '$primary',
switchActiveTrack: ':alpha<0.4<@switchActive',
radioActive: '$primary',
face: '$secondary',
faceText: '$text',
faceHeader: ':lighten<5<$secondary',

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

@ -22,5 +22,8 @@
mfmLink: '#e6db74',
mfmHashtag: '#fd971f',
notificationIndicator: '#66d9ef',
switchActive: 'rgb(166, 226, 46)',
radioActive: '#fd971f',
link: '#e6db74',
},
}