upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-06-08 00:02:54 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 10

fix: Adjust colors of app menu and dashboard

Browse source 
Those elements are shown directly on the background which has the `color-primary`,
so they need to use `color-primary-text` instead of `color-primary-element-text` for guranteed contrast.

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
This commit is contained in:
Ferdinand Thiessen 2023-12-20 14:47:33 +01:00 committed by backportbot-nextcloud[bot]
parent 42dee2e29f
commit ba336f650b
2 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
apps/dashboard/src/DashboardApp.vue
View file

@ -465,7 +465,8 @@ export default {
background-attachment: fixed;
> h2 {
color: var(--color-primary-element-text);
// this is shown directly on the background which has `color-primary`, so we need `color-primary-text`
color: var(--color-primary-text);
text-align: center;
font-size: 32px;
line-height: 130%;

8
core/src/components/AppMenu.vue
View file

@ -160,7 +160,7 @@ $header-icon-size: 20px;
width: 12px;
height: 5px;
border-radius: 3px;
background-color: var(--color-primary-element-text);
background-color: var(--color-primary-text);
left: 50%;
bottom: 6px;
display: block;
@ -177,7 +177,8 @@ $header-icon-size: 20px;
width: calc(100% - 4px);
height: calc(100% - 4px);
margin: 2px;
color: var(--color-primary-element-text);
// this is shown directly on the background which has `color-primary`, so we need `color-primary-text`
color: var(--color-primary-text);
position: relative;
}
@ -194,7 +195,8 @@ $header-icon-size: 20px;
opacity: 0;
position: absolute;
font-size: 12px;
color: var(--color-primary-element-text);
// this is shown directly on the background which has `color-primary`, so we need `color-primary-text`
color: var(--color-primary-text);
text-align: center;
left: 50%;
top: 45%;