Merge pull request #219 from h3poteto/fix/dark-theme

fix: Selected background color when dark theme
This commit is contained in:
AkiraFukushima 2018-04-14 22:18:47 +09:00 committed by GitHub
commit be60858f97
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 6 deletions

View File

@ -45,7 +45,8 @@ export default {
...mapState({ ...mapState({
theme: (state) => { theme: (state) => {
return { return {
'--theme-border-color': state.App.theme.border_color '--theme-border-color': state.App.theme.border_color,
'--theme-selected-background-color': state.App.theme.selected_background_color
} }
} }
}) })
@ -178,7 +179,8 @@ function findLink (target) {
} }
.favourite:focus { .favourite:focus {
--theme-selected-background-color: #f2f6fc;
background-color: var(--theme-selected-background-color);
outline: 0; outline: 0;
background-color: #f2f6fc;
} }
</style> </style>

View File

@ -26,7 +26,8 @@ export default {
...mapState({ ...mapState({
theme: (state) => { theme: (state) => {
return { return {
'--theme-border-color': state.App.theme.border_color '--theme-border-color': state.App.theme.border_color,
'--theme-selected-background-color': state.App.theme.selected_background_color
} }
} }
}) })
@ -101,7 +102,8 @@ export default {
} }
.follow:focus { .follow:focus {
--theme-selected-background-color: #f2f6fc;
background-color: var(--theme-selected-background-color);
outline: 0; outline: 0;
background-color: #f2f6fc;
} }
</style> </style>

View File

@ -45,7 +45,8 @@ export default {
...mapState({ ...mapState({
theme: (state) => { theme: (state) => {
return { return {
'--theme-border-color': state.App.theme.border_color '--theme-border-color': state.App.theme.border_color,
'--theme-selected-background-color': state.App.theme.selected_background_color
} }
} }
}) })
@ -175,7 +176,8 @@ function findLink (target) {
} }
.reblog:focus { .reblog:focus {
--theme-selected-background-color: #f2f6fc;
background-color: var(--theme-selected-background-color);
outline: 0; outline: 0;
background-color: #f2f6fc;
} }
</style> </style>