diff --git a/src/index.scss b/src/index.scss index 605106c..706d11d 100644 --- a/src/index.scss +++ b/src/index.scss @@ -130,7 +130,7 @@ iframe { outline: none; &:not(:hover) { - outline: var(--accent-color) solid 3px; + outline: var(--accent-color) solid var(--line-width); } } diff --git a/src/page/header/header.scss b/src/page/header/header.scss index bc0083b..1dbbfb4 100644 --- a/src/page/header/header.scss +++ b/src/page/header/header.scss @@ -42,7 +42,7 @@ @include on-small-screen { :focus:not(:hover) { - outline: var(--very-light-text-color) solid 3px !important; + outline: var(--very-light-text-color) solid var(--line-width); } } diff --git a/src/page/image-viewer/image-viewer.scss b/src/page/image-viewer/image-viewer.scss index f1ce1ea..840631f 100644 --- a/src/page/image-viewer/image-viewer.scss +++ b/src/page/image-viewer/image-viewer.scss @@ -35,7 +35,7 @@ top: 0; &:focus:not(:hover) { - outline: var(--very-light-text-color) solid 3px !important; + outline: var(--very-light-text-color) solid var(--line-width); } } } diff --git a/src/style/vars.scss b/src/style/vars.scss index bbd9c0d..e30c5cb 100644 --- a/src/style/vars.scss +++ b/src/style/vars.scss @@ -3,7 +3,7 @@ :root { --transition-time: 200ms; --transition-time-long: 300ms; - --line-width: 3px; + --line-width: 4px; --line-height: 18px; --accent-color: #b7455e; --sun-color: #f7f78c; @@ -49,8 +49,8 @@ --background: #242638; --normal-text-color: #ffffff; --card-color: #263551; - --blurred-card-color: #26355155; - --blur-radius: 24px; + --blurred-card-color: #212f4a77; + --blur-radius: 30px; --special-text-color: #ffffff; --inset-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.25), inset 0 0 1px rgba(0, 0, 0, 0.4); }