Update

hydroper-jet · Dec 7, 2023 · 360578f · 360578f
1 parent cb9275a
commit 360578f
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 10 deletions.
diff --git a/spec/1.0/live/css/chrome.css b/spec/1.0/live/css/chrome.css
@@ -306,12 +306,14 @@ mark.fade-out {
 #searchbar {
     width: 100%;
     margin: 5px auto 0px auto;
-    padding: 10px 16px;
+    padding: 5px;
     transition: box-shadow 300ms ease-in-out;
-    border: 1px solid var(--searchbar-border-color);
-    border-radius: 3px;
+    border: none;
+    border-radius: 5px;
+    outline: none;
     background-color: var(--searchbar-bg);
     color: var(--searchbar-fg);
+    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
 }
 #searchbar:focus,
 #searchbar.active {

diff --git a/spec/1.0/live/css/variables.css b/spec/1.0/live/css/variables.css
@@ -42,8 +42,8 @@
     --table-header-bg: hsl(226, 23%, 31%);
     --table-alternate-bg: hsl(226, 23%, 14%);
 
-    --searchbar-border-color: #aaa;
-    --searchbar-bg: #aeaec6;
+    --searchbar-border-color: #000;
+    --searchbar-bg: #fff;
     --searchbar-fg: #000;
     --searchbar-shadow-color: #aaa;
     --searchresults-header-fg: #5f5f71;

diff --git a/spec/1.0/source/theme/css/chrome.css b/spec/1.0/source/theme/css/chrome.css
@@ -306,12 +306,14 @@ mark.fade-out {
 #searchbar {
     width: 100%;
     margin: 5px auto 0px auto;
-    padding: 10px 16px;
+    padding: 5px;
     transition: box-shadow 300ms ease-in-out;
-    border: 1px solid var(--searchbar-border-color);
-    border-radius: 3px;
+    border: none;
+    border-radius: 5px;
+    outline: none;
     background-color: var(--searchbar-bg);
     color: var(--searchbar-fg);
+    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
 }
 #searchbar:focus,
 #searchbar.active {

diff --git a/spec/1.0/source/theme/css/variables.css b/spec/1.0/source/theme/css/variables.css
@@ -42,8 +42,8 @@
     --table-header-bg: hsl(226, 23%, 31%);
     --table-alternate-bg: hsl(226, 23%, 14%);
 
-    --searchbar-border-color: #aaa;
-    --searchbar-bg: #aeaec6;
+    --searchbar-border-color: #000;
+    --searchbar-bg: #fff;
     --searchbar-fg: #000;
     --searchbar-shadow-color: #aaa;
     --searchresults-header-fg: #5f5f71;