background and gradient

CERIT-SC · Dec 20, 2024 · 06c31af · 06c31af
1 parent 8879473
commit 06c31af
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 17 deletions.
diff --git a/src/components/FooterAndHeader/JupyterHubHeader.css b/src/components/FooterAndHeader/JupyterHubHeader.css
@@ -2,13 +2,30 @@
   display: grid;
   align-items: center;
   grid-template-areas: "logo home token . . . . . . . . . . . . . . . . . . name logout";
-  background: rgba(174, 173, 173, 0.5);
+  /*background: rgba(174, 173, 173, 0.5);*/
   padding: 0.25rem;
   border-radius: 8px;
   margin-bottom: 5px;
   min-height: 45px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   position: relative;
+
+  background: #b3b3b9c9;
+  background: radial-gradient(circle at center top, #ffffff, transparent 50%),
+    radial-gradient(circle at center bottom, #ffffff, transparent 50%),
+    radial-gradient(circle at top left, #d8b4ff, transparent 60%),
+    radial-gradient(circle at top right, #b3e0ff, transparent 60%),
+    radial-gradient(circle at bottom left, #e6c8ff, transparent 60%),
+    radial-gradient(circle at bottom right, #80ccff, transparent 60%),
+    linear-gradient(
+      to right,
+      #ffffff 0%,
+      #ffffff 30%,
+      #ffffff 70%,
+      #ffffff 100%
+    ),
+  linear-gradient(to bottom, #d8b4ff, #ffffff 50%, #b3e0ff),
+  linear-gradient(to right, #e6c8ff, #ffffff 50%, #80ccff);
 }
 
 .container-fluid {

diff --git a/src/index.css b/src/index.css
@@ -1,20 +1,23 @@
 body {
-  background: #b3b3b9c9;
-  background: radial-gradient(circle at center top, #ffffff, transparent 50%),
-    radial-gradient(circle at center bottom, #ffffff, transparent 50%),
-    radial-gradient(circle at top left, #d8b4ff, transparent 60%),
-    radial-gradient(circle at top right, #b3e0ff, transparent 60%),
-    radial-gradient(circle at bottom left, #e6c8ff, transparent 60%),
-    radial-gradient(circle at bottom right, #80ccff, transparent 60%),
-    linear-gradient(
-      to right,
-      #ffffff 0%,
-      #ffffff 30%,
-      #ffffff 70%,
-      #ffffff 100%
-    ),
-    linear-gradient(to bottom, #d8b4ff, #ffffff 50%, #b3e0ff),
-    linear-gradient(to right, #e6c8ff, #ffffff 50%, #80ccff);
+  background: #e5e7eb;
+  /*background: radial-gradient(circle at center top, #ffffff, transparent 50%),*/
+  /*  radial-gradient(circle at center bottom, #ffffff, transparent 50%),*/
+  /*  radial-gradient(circle at top left, #d8b4ff, transparent 60%),*/
+  /*  radial-gradient(circle at top right, #b3e0ff, transparent 60%),*/
+  /*  radial-gradient(circle at bottom left, #e6c8ff, transparent 60%),*/
+  /*  radial-gradient(circle at bottom right, #80ccff, transparent 60%),*/
+  /*  linear-gradient(*/
+  /*    to right,*/
+  /*    #ffffff 0%,*/
+  /*    #ffffff 30%,*/
+  /*    #ffffff 70%,*/
+  /*    #ffffff 100%*/
+  /*  ),*/
+  /*background-image: url("static/custom-images/bg-transparent.png");*/
+  /*background-repeat: no-repeat;*/
+  /*background-position: 100% 0;*/
+  /*background-size: 70%;*/
+
 
   font-size: 16px;
   position: relative;