feat: implement decor of night/ram theme on general pages

1 files changed, 13 insertions, 1 deletions

diff --git a/static/input.css b/static/input.css
index 18910eb..7b7da23 100644
--- a/static/input.css
+++ b/static/input.css
@@ -612,7 +612,7 @@ body[data-theme~="ram"] .leaflet-tile {
     }
 }
 
-.star {
+.night-star {
     color: var(--color-yellow-100);
     animation-name: blink;
     animation-duration: 5s;
@@ -621,6 +621,18 @@ body[data-theme~="ram"] .leaflet-tile {
     -webkit-user-select: none;
 }
 
+.ram-frame {
+    width: 20vmin;
+    height: 20vmin;
+    user-select: none;
+    -webkit-user-select: none;
+    box-shadow:
+        inset 1vmin 1vmin var(--background-dark-color),
+        inset -1vmin -1vmin var(--main-light-color),
+        1vmin 1vmin var(--background-dark-color),
+        -1vmin -1vmin var(--main-dark-color);
+}
+
 @keyframes blink {
     0% {
         opacity: 1;