Update website style (#29)

neoforged · Jan 9, 2024 · 0aae4b8 · 0aae4b8
1 parent acaea70
commit 0aae4b8
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 7 deletions.
diff --git a/themes/mainroad/assets/css/style.css b/themes/mainroad/assets/css/style.css
@@ -141,6 +141,7 @@ textarea {
 	padding: 5px 10px;
 	font-weight: 700;
 	white-space: pre-line;
+	border-radius: 0.2rem;
 }
 
 /* Animation */
@@ -1153,7 +1154,7 @@ textarea {
 
 .footer_modetoggle-button {
 	border-radius: 50%;
-	border-collapse: separate; 
+	border-collapse: separate;
 	height: 28px;
 	width: 28px;
 	display: flex;
@@ -1311,7 +1312,11 @@ textarea {
 	--color-border: #aab0b3;
 	--color-btn: #2a2a2a;
 	--color-text: #000;
-	--color-code: #c33;
+	--color-code: #b12a48;
+	--color-code-background: #bdc7c7;
+	--color-code-notice: #e57;
+	--color-code-notice-background: #2e3135;
+	--color-code-block-background: #2e3135;
 	--color-footer-text: #aab0b3;
 	--color-footer-link-text: #bdc7c7;
 	--color-ends-background: #323232;
@@ -1320,18 +1325,22 @@ textarea {
 		display: none;
 	}
   }
-  
+
 [data-theme="dark"] {
 	--color-highlight: #d7742f;
-	--color-background: #323232;
+	--color-background: #222427;
 	--color-download: #d7742f;
 	--color-download-highlight: #e68c37;
-	--color-box: #222222;
+	--color-box: #2e3135;
 	--color-outer: #111111;
 	--color-border: #5a5a5a;
 	--color-btn: #e7d9d3;
 	--color-text: #e7d9d3;
 	--color-code: #e57;
+	--color-code-background: #2e3135;
+	--color-code-notice: #e57;
+	--color-code-notice-background: #2e3135;
+	--color-code-block-background: #2e3135;
 	--color-footer-text: #aab0b3;
 	--color-footer-link-text: #bdc7c7;
 	--color-ends-background: #222222;

diff --git a/themes/mainroad/layouts/partials/colors.css b/themes/mainroad/layouts/partials/colors.css
@@ -56,8 +56,13 @@ figcaption {
 
 pre,
 code {
-	background-color: var(--color-box);
-	border: 1px solid var(--color-border);
+	background-color: var(--color-code-background);
+	border-radius: 0.2em;
+}
+
+div.notice code {
+	color: var(--color-code-notice);
+	background-color: var(--color-code-notice-background);
 }
 
 code {
@@ -395,3 +400,7 @@ textarea {
 	color: var(--color-text);
 	background-color: var(--color-border);
 }
+
+pre[style] {
+	background-color: var(--color-code-block-background) !important;
+}