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/styles.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/styles.scss')
| -rw-r--r-- | core/css/styles.scss | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/core/css/styles.scss b/core/css/styles.scss index 3776c9b7df1..17ed035d2b2 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -36,7 +36,7 @@ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pr /** Let vue apps handle the focus themselves */ .content:not(#content-vue) :focus-visible, .app-navigation:not(#app-navigation-vue) :focus-visible { - box-shadow: inset 0 0 0 2px var(--color-primary); + box-shadow: inset 0 0 0 2px var(--color-primary-element); outline: none; } @@ -140,7 +140,7 @@ body { z-index: 9000; text-align: center; background-color: var(--color-background-darker); - color: var(--color-primary-text); + color: var(--color-primary-element-text); line-height: 125%; font-size: 24px; div { @@ -151,7 +151,7 @@ body { margin: 0px auto; } a { - color: var(--color-primary-text); + color: var(--color-primary-element-text); border-bottom: 2px dotted var(--color-main-background); &:hover, &:focus { color: var(--color-primary-element-text-dark); @@ -186,7 +186,7 @@ body { ::selection { background-color: var(--color-primary-element); - color: var(--color-primary-text); + color: var(--color-primary-element-text); } @@ -266,7 +266,7 @@ body { opacity: .8; } #show:focus-visible + label, #dbpassword-toggle:focus-visible + label, #personal-show:focus-visible + label { - box-shadow: var(--color-primary) 0 0 0 2px; + box-shadow: var(--color-primary-element) 0 0 0 2px; opacity: 1; border-radius: 9999px; } @@ -519,8 +519,8 @@ code { &.ui-datepicker-current-day a.ui-state-active, .ui-state-hover, .ui-state-focus { - background-color: var(--color-primary); - color: var(--color-primary-text); + background-color: var(--color-primary-element); + color: var(--color-primary-element-text); font-weight: bold; } @@ -591,8 +591,8 @@ code { &.ui-timepicker-minute-cell a.ui-state-active, .ui-state-hover, .ui-state-focus { - background-color: var(--color-primary); - color: var(--color-primary-text); + background-color: var(--color-primary-element); + color: var(--color-primary-element-text); font-weight: bold; } @@ -684,7 +684,7 @@ code { &:hover, &:active, &:focus { - box-shadow: 0 0 0 2px var(--color-primary); + box-shadow: 0 0 0 2px var(--color-primary-element); opacity: 1; } } |