Merge pull request #219 from h3poteto/fix/dark-theme
fix: Selected background color when dark theme
This commit is contained in:
commit
be60858f97
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue