From 64a459961dd2510f0bc2bb800558942d5ce414ba Mon Sep 17 00:00:00 2001
From: ktyl <me@ktyl.dev>
Date: Thu, 14 Oct 2021 23:56:41 +0100
Subject: [PATCH] subtle-ise planets

---
 src/inc_css/earth.css      | 4 ++--
 src/inc_css/mars.css       | 4 ++--
 src/inc_css/mercury.css    | 6 ++++--
 src/inc_css/or_earth.css   | 2 +-
 src/inc_css/or_mars.css    | 2 +-
 src/inc_css/or_venus.css   | 2 +-
 src/inc_css/planets.css    | 6 ++++--
 src/inc_css/pr_earth.css   | 2 +-
 src/inc_css/pr_mars.css    | 2 +-
 src/inc_css/pr_mercury.css | 2 +-
 src/inc_css/pr_venus.css   | 2 +-
 src/inc_css/venus.css      | 5 ++---
 src/root/colors.css        | 1 +
 13 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/inc_css/earth.css b/src/inc_css/earth.css
index 7a5776c..2b3f413 100644
--- a/src/inc_css/earth.css
+++ b/src/inc_css/earth.css
@@ -17,7 +17,7 @@
 #earth {
     --period: 20s;
     --radius: #pr_earth.css;
-    --color: #87ceeb;
+    --color: var(--background-alt);
 
     width: var(--radius);
     height: var(--radius);
@@ -44,5 +44,5 @@
     width:  var(--diameter);
     height: var(--diameter);
 
-    opacity: 0.065;
+    border: #orbit_thickness.css solid var(--background-alt);
 }
diff --git a/src/inc_css/mars.css b/src/inc_css/mars.css
index 3ba7081..9761de8 100644
--- a/src/inc_css/mars.css
+++ b/src/inc_css/mars.css
@@ -17,7 +17,7 @@
 #mars {
     --period: 37.6s;
     --radius: #pr_mars.css;
-    --color: #ff5349;
+    --color: var(--background-alt);
 
     width: var(--radius);
     height: var(--radius);
@@ -44,5 +44,5 @@
     width:  var(--diameter);
     height: var(--diameter);
 
-    opacity: 0.05;
+    border: #orbit_thickness.css solid var(--background-alt);
 }
diff --git a/src/inc_css/mercury.css b/src/inc_css/mercury.css
index 317c4b9..6d30f40 100644
--- a/src/inc_css/mercury.css
+++ b/src/inc_css/mercury.css
@@ -16,8 +16,8 @@
 }
 #mercury {
     --period: 4.82s;
-    --radius: #pr_mercury.css;
-    --color: #c89d7c;
+    --radius: 30px;
+    --color: var(--background-alt);
 
     width: var(--radius);
     height: var(--radius);
@@ -43,4 +43,6 @@
 
     width:  var(--diameter);
     height: var(--diameter);
+
+    border: #orbit_thickness.css solid var(--background-alt);
 }
diff --git a/src/inc_css/or_earth.css b/src/inc_css/or_earth.css
index 29854ad..201704f 100644
--- a/src/inc_css/or_earth.css
+++ b/src/inc_css/or_earth.css
@@ -1 +1 @@
-420px
+440px
diff --git a/src/inc_css/or_mars.css b/src/inc_css/or_mars.css
index 6977c52..eacec92 100644
--- a/src/inc_css/or_mars.css
+++ b/src/inc_css/or_mars.css
@@ -1 +1 @@
-560px
+570px
diff --git a/src/inc_css/or_venus.css b/src/inc_css/or_venus.css
index 503693e..a92b308 100644
--- a/src/inc_css/or_venus.css
+++ b/src/inc_css/or_venus.css
@@ -1 +1 @@
-300px
+320px
diff --git a/src/inc_css/planets.css b/src/inc_css/planets.css
index 43b49d0..3d3341f 100644
--- a/src/inc_css/planets.css
+++ b/src/inc_css/planets.css
@@ -15,15 +15,17 @@
     position: absolute;
     border-radius: 50%;
     display: inline-block;
+
+    width: var(--radius);
+    height: var(--radius);
 }
 
 .orbit {
     position: absolute;
 
-    border: #orbit_thickness.css solid var(--foreground-inactive);
+    /*border: #orbit_thickness.css solid var(--foreground-inactive);*/
     border-radius: 100%;
     background-color: transparent;
-    opacity: 0.2;
 
     z-index:-1;
 }
diff --git a/src/inc_css/pr_earth.css b/src/inc_css/pr_earth.css
index 265dd83..9c745f5 100644
--- a/src/inc_css/pr_earth.css
+++ b/src/inc_css/pr_earth.css
@@ -1 +1 @@
-70px
+30px
diff --git a/src/inc_css/pr_mars.css b/src/inc_css/pr_mars.css
index af13e9c..9c745f5 100644
--- a/src/inc_css/pr_mars.css
+++ b/src/inc_css/pr_mars.css
@@ -1 +1 @@
-50px
+30px
diff --git a/src/inc_css/pr_mercury.css b/src/inc_css/pr_mercury.css
index 54330bc..9c745f5 100644
--- a/src/inc_css/pr_mercury.css
+++ b/src/inc_css/pr_mercury.css
@@ -1 +1 @@
-40px
+30px
diff --git a/src/inc_css/pr_venus.css b/src/inc_css/pr_venus.css
index a4f721a..9c745f5 100644
--- a/src/inc_css/pr_venus.css
+++ b/src/inc_css/pr_venus.css
@@ -1 +1 @@
-60px
+30px
diff --git a/src/inc_css/venus.css b/src/inc_css/venus.css
index 5afb957..4b77aae 100644
--- a/src/inc_css/venus.css
+++ b/src/inc_css/venus.css
@@ -17,7 +17,7 @@
 #venus {
     --period: 12.3s;
     --radius: #pr_venus.css;
-    --color: #eed053;
+    --color: var(--background-alt);
 
     width: var(--radius);
     height: var(--radius);
@@ -43,6 +43,5 @@
 
     width:  var(--diameter);
     height: var(--diameter);
-
-    opacity: 0.1;
+    border: #orbit_thickness.css solid var(--background-alt);
 }
diff --git a/src/root/colors.css b/src/root/colors.css
index d58c3f2..a1186b5 100644
--- a/src/root/colors.css
+++ b/src/root/colors.css
@@ -1,6 +1,7 @@
 :root {
     /* Special */
     --background: #eee;
+    --background-alt: #ccc;
     --foreground: #222;
     --foreground-inactive: #777;
     --accent: lightpink;