Color Theming

OttCS · OttCS · commit 9646f30d5280 · 2022-10-10T21:18:55.000-04:00
diff --git a/.gitignore b/.gitignore
@@ -3,4 +3,4 @@
 stable/*/
 nightly/*/
 .obsidian/
-logo/logo.html
+logo/*
diff --git a/documentation.html b/documentation.html
@@ -3,7 +3,7 @@
 
 <head>
   <title>ZephyrJS | Documentation</title>
-  <link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'">
+  <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
diff --git a/index.html b/index.html
@@ -8,7 +8,7 @@
     <meta property="og:url" content="https://ottcs.github.io/ZephyrJS/" />
     <meta property="og:image" content="/logo/banner.png" />
     <title>ZephyrJS | Home</title>
-    <link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'">
+    <link rel="stylesheet" href="/style.css">
 </head>
 
 <body>
diff --git a/keyName.html b/keyName.html
@@ -10,7 +10,7 @@
                 input.value = e.code;
             }
         </script>
-        <link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'">
+        <link rel="stylesheet" href="style.css">
         <style>
             body {
                 width: 80vw;
diff --git a/logo/banner.png b/logo/banner.png
diff --git a/style.css b/style.css
@@ -1,8 +1,13 @@
 :root {
-    --accent: #EF6F6C;
-    --deprecated: #f0cf6b;
-    --highlight: #6C6FEF;
-    --nightly: 	#a36cef;
+    /* Main Colors*/
+    --primary: #ef6f6c;
+    --warning: #f0cf6b;
+    --success: #6bf097;
+    --message: #6c6fef;
+    --advance: #a36cef;
+    /* Specific Colors*/
+    --pixi: #ea1e63;
+    /* FORMAT */
     --anim-list: border-color 0.2s, color 0.2s;
     --scale: 32px;
 }
@@ -39,7 +44,7 @@ h5,
 h6 {
     margin-top: var(--scale);
     font-weight: 600;
-    color: var(--accent);
+    color: var(--primary);
 }
 
 p {
@@ -65,8 +70,8 @@ a {
 }
 
 a:hover {
-    border-color: var(--accent);
-    color: var(--accent);
+    border-color: var(--primary);
+    color: var(--primary);
 }
 
 dt {
@@ -81,23 +86,22 @@ dd {
 }
 
 strong {
-    color: var(--accent);
+    color: var(--primary);
 }
 
 .return {
-    color: var(--highlight);
+    color: var(--message);
 }
 
 .deprecated {
-    color: var(--deprecated);
+    color: var(--warning);
     text-decoration: line-through;
 }
 
 .nightly {
-    color: var(--nightly);
+    color: var(--advance);
 }
 
 .pixi {
-    color: #ea1e63;
-    border-color: #ea1e63;
+    color: var(--pixi);
 }

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`input.value = e.code;`
`11`	`11`	`}`
`12`	`12`	`</script>`
`13`		`- <link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'">`
	`13`	`+ <link rel="stylesheet" href="style.css">`
`14`	`14`	`<style>`
`15`	`15`	`body {`
`16`	`16`	`width: 80vw;`