many changes to release notes and mods pages

Scrollbar is globally different, the release notes and mods page now
look more alike, having adjusted some padding, added some backgrounds
and a few other things.

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;
 }