diff options
-rw-r--r-- | src/app/css/launcher.css | 16 | ||||
-rw-r--r-- | src/app/css/theming.css | 5 | ||||
-rw-r--r-- | src/app/main.css | 3 |
3 files changed, 18 insertions, 6 deletions
diff --git a/src/app/css/launcher.css b/src/app/css/launcher.css index e165c58..38c62ac 100644 --- a/src/app/css/launcher.css +++ b/src/app/css/launcher.css @@ -153,11 +153,17 @@ .section .release-block { margin-top: 0px; - border-radius: 5px; background: var(--bg); padding: var(--padding); backdrop-filter: blur(15px); margin-bottom: var(--padding); + border-radius: calc(var(--padding) / 3); +} + +.section .release-block { + backdrop-filter: none; + margin: var(--padding); + background: var(--selbg); } .section .release-block p:nth-child(1) { @@ -252,7 +258,10 @@ height: 80vh; margin-top: 35px; overflow-y: scroll; + background: var(--bg); flex-direction: column; + backdrop-filter: blur(15px); + border-radius: calc(var(--padding) / 3); } .inline * { @@ -305,11 +314,12 @@ code { } #modsdiv { - height: 80vh; overflow-y: scroll; - border-radius: 5px; background: var(--bg); backdrop-filter: blur(15px); + padding: calc(var(--padding) / 2); + height: calc(80vh - var(--padding)); + border-radius: calc(var(--padding) / 3); } #modsdiv .mod { diff --git a/src/app/css/theming.css b/src/app/css/theming.css index d16f455..d5a3d4d 100644 --- a/src/app/css/theming.css +++ b/src/app/css/theming.css @@ -51,7 +51,7 @@ input:disabled { } ::-webkit-scrollbar { - width: 8px !important; + width: 18px !important; } ::-webkit-scrollbar-track { @@ -60,8 +60,9 @@ input:disabled { } ::-webkit-scrollbar-thumb { + border: 5px solid transparent; border-radius: 10px !important; - background: rgb(var(--red)) !important; + box-shadow: rgb(var(--red)) 0px 0px 10px 10px inset; } ::selection { diff --git a/src/app/main.css b/src/app/main.css index 9225c54..213df64 100644 --- a/src/app/main.css +++ b/src/app/main.css @@ -29,7 +29,8 @@ button { button:hover {filter: brightness(110%)} button:active {filter: brightness(90%)} -.popup, #modsdiv, .release-block { +.popup, #modsdiv, #modsdiv .el, +.release-block, #nsRelease, #vpReleaseNotes { outline: 1px solid #444444; border: 3px solid var(--bg) inset; } |