diff --git a/src/app.scss b/src/app.scss index 3445f8a..62cbf97 100644 --- a/src/app.scss +++ b/src/app.scss @@ -5,13 +5,11 @@ --primary: #189ad6; --primary-hover: #0288d1; --primary-inverse: #fff; + --primary-focus: rgba(201, 154, 44, 0.3); --form-element-active-border-color: var(--primary); --form-element-focus-color: var(--primary-focus); --switch-color: var(--primary-inverse); --switch-checked-background-color: var(--primary); - *::selection{ - background-color: #c99a2c; - } } :root:not([data-theme='dark']) { @@ -21,9 +19,7 @@ --color: white; --border-width: 2px; --active-link-color: #0a1425; - *::selection{ - background-color: #c99a2c; - } + --primary-focus: rgba(201, 154, 44, 0.3); } @media only screen and (prefers-color-scheme: dark) { @@ -33,8 +29,6 @@ --card-background-color: #0c192e; --card-border-color: #c99a2c; --active-link-color: #189ad6; - *::selection{ - background-color: #c99a2c; - } + --primary-focus: rgba(201, 154, 44, 0.3); } }