diff --git a/public/css/theme-martian.css b/public/css/theme-martian.css index e96a201..b1f1a0b 100644 --- a/public/css/theme-martian.css +++ b/public/css/theme-martian.css @@ -21,9 +21,12 @@ :root { --fonts-override: Ubuntu !important; --fonts-monospace: Ubuntu Mono Ligaturized !important; + + --textured-background: url("https://tebibyte.media/blog/assets/tib_bg.jpg"); + --blur-light: blur(10px); + --blur-heavy: blur(32px); --is-dark-theme: true; - --textured-background: url("https://tebibyte.media/blog/assets/tib_bg.jpg"); --color-primary: hsl(0, 80%, 40%); --color-primary-dark-1: hsl(0, 80%, 38%); --color-primary-dark-2: hsl(0, 80%, 36%); @@ -330,8 +333,8 @@ a.ui.basic.green.label:hover { border: 1px solid var(--color-primary-dark-6); border-radius: .28571429rem; padding: 1rem; - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px); + backdrop-filter: var(--blur-light); + -webkit-backdrop-filter: var(--blur-light); } .repo-header .ui.button { @@ -360,8 +363,8 @@ a.ui.basic.green.label:hover { box-shadow: none; border-radius: .28571429rem .28571429rem 0 0 !important; background-color: hsla(0, 20%, 4%, .30); - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px); + backdrop-filter: var(--blur-light); + -webkit-backdrop-filter: var(--blur-light); } .ui.tabular.menu .item:not(:last-child) { @@ -569,8 +572,8 @@ img[src$="/img/matrix.svg"] { position: sticky; background-color: hsla(0, 20%, 17%, .6); box-shadow: 0 0 16px hsla(0, 0%, 0%, .3); - backdrop-filter: blur(32px); - -webkit-backdrop-filter: blur(32px); + backdrop-filter: var(--blur-heavy); + -webkit-backdrop-filter: var(--blur-heavy); } #status-button[data-status-val="close"]::before,