diff options
author | Simon L <szaimen@e.mail.de> | 2023-05-12 15:41:40 +0200 |
---|---|---|
committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2023-05-13 10:15:33 +0000 |
commit | f5e8268cede79d9b0589990cc975784602d66245 (patch) | |
tree | 26f9b5c9311a92a819123281f9b709a260ac13c4 /core/css/apps.scss | |
parent | 701e409c4c9533275ef418f88964e5ab3dee660f (diff) | |
download | nextcloud-server-f5e8268cede79d9b0589990cc975784602d66245.tar.gz nextcloud-server-f5e8268cede79d9b0589990cc975784602d66245.zip |
Use the color-primary-element* variables
Signed-off-by: Simon L <szaimen@e.mail.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'core/css/apps.scss')
-rw-r--r-- | core/css/apps.scss | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss index 10572614bea..3716a9d3154 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -208,7 +208,7 @@ kbd { } } a:focus-visible { - box-shadow: var(--color-primary) inset 0 0 0 2px; + box-shadow: var(--color-primary-element) inset 0 0 0 2px; outline: none; } &.active, @@ -217,7 +217,7 @@ kbd { a.active { &, > a { - background-color: var(--color-primary-light); + background-color: var(--color-primary-element-light); } } @@ -276,7 +276,7 @@ kbd { &, > a { border-radius: var(--border-radius-pill); - background-color: var(--color-primary-light); + background-color: var(--color-primary-element-light); } } @@ -433,7 +433,7 @@ kbd { &:focus-visible { opacity: 1; border-width: 0; - box-shadow: inset 0 0 0 2px var(--color-primary); + box-shadow: inset 0 0 0 2px var(--color-primary-element); background: none; } } @@ -533,8 +533,8 @@ kbd { span { padding: 2px 5px; border-radius: 10px; - background-color: var(--color-primary); - color: var(--color-primary-text); + background-color: var(--color-primary-element); + color: var(--color-primary-element-text); } } } @@ -860,7 +860,7 @@ $min-content-width: variables.$breakpoint-mobile - variables.$navigation-width - } &:focus-visible { - box-shadow: 0 0 0 2px inset var(--color-primary) !important; + box-shadow: 0 0 0 2px inset var(--color-primary-element) !important; background-position: 12px center; } } @@ -1119,7 +1119,7 @@ $outter-margin: math.div($popoveritem-height - $popovericon-size, 2); } &.active { border-radius: var(--border-radius-pill); - background-color: var(--color-primary-light); + background-color: var(--color-primary-element-light); } /* prevent .action class to break the design */ &.action { |