testeranto 0.177.0 → 0.197.0

package/dist/prebuild/App.css

@@ -11329,35 +11329,9 @@ fieldset:disabled .btn {
   font-weight: 900;
   font-style: normal;
 }
-body {
-  font-family: "M PLUS Rounded 1c", sans-serif;
-  color: var(--dark);
-  line-height: 1.6;
-  margin: 0;
-  padding: 0;
-  min-height: 100vh;
-  position: relative;
-  transition: background-color 0.3s ease;
-}
 tr:last-child td {
   border-bottom: none;
 }
-p,
-h1,
-.h1,
-h2,
-.h2,
-h3,
-.h3,
-h4,
-.h4,
-h5,
-.h5,
-h6,
-.h6,
-li {
-  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
-}
 pre {
   white-space: pre-wrap;
   word-wrap: break-word;
@@ -11527,77 +11501,76 @@ h6,
   z-index: 1000;
   isolation: isolate;
 }
-@keyframes gradientBG {
-  0%, 100% {
-    background-position: 0% 50%, 0% 0%;
-  }
-  25% {
-    background-position: 100% 50%, 100% 50%;
-  }
-  50% {
-    background-position: 50% 100%, 50% 100%;
-  }
-  75% {
-    background-position: 100% 0%, 0% 100%;
-  }
-}
-@keyframes rotateGradient {
-  0% {
-    --angle: 45deg;
-  }
-  100% {
-    --angle: 405deg;
-  }
+:root {
+  --bs-heading-color: rgba(0, 0, 0, 0.9);
+  --bs-modal-color: rgba(0, 0, 0, 0.9);
+  --frosted-bg: rgba(255, 255, 255, 0.2);
+  --frosted-border: rgba(255, 255, 255, 0.3);
+  --frosted-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.3);
+  --frosted-inset-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
 }
-@keyframes ripple {
-  0%, 100% {
-    background-size: 300% 300%, 100% 100%;
-  }
-  50% {
-    background-size: 300% 300%, 200% 200%;
-  }
+[data-bs-theme=dark] {
+  --bs-heading-color: rgba(255, 255, 255, 0.9);
+  --bs-modal-color: rgba(255, 255, 255, 0.9);
+  --frosted-bg: rgba(0, 0, 0, 0.2);
+  --frosted-border: rgba(0, 0, 0, 0.3);
+  --frosted-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.3);
+  --frosted-inset-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
 }
 pre,
-code {
+code,
+.modal-content,
+.accordion-button,
+.theme-card {
   white-space: pre-wrap;
   word-wrap: break-word;
   max-width: 80ch;
   overflow-x: auto;
   display: block;
   padding: 1rem;
-  border-radius: 4px;
+  border-radius: 8px;
   font-family: monospace;
   line-height: 1.4;
-  color: #333;
-  background-color: rgba(255, 255, 255, 0.1);
+  color: var(--bs-modal-color);
+  background-color: var(--frosted-bg);
   backdrop-filter: blur(16px) saturate(180%);
-  border: 1px solid rgba(255, 255, 255, 0.2);
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+  border: 1px solid var(--frosted-border);
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), var(--frosted-inset-shadow);
   isolation: isolate;
 }
-#settings-button {
-  z-index: 1000;
-  background-color: rgba(var(--primary-rgb), 0.15);
-  margin: 0.5rem;
-  padding: 0.5rem;
-  position: fixed;
-  bottom: 0;
-  left: 0;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--light-text);
+  display: inline-block;
+  padding: 0.5rem 1rem;
+  backdrop-filter: var(--text-panel-blur);
+  background-color: var(--text-panel-bg);
   border-radius: 8px;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  overflow: hidden;
-  backdrop-filter: blur(20px) saturate(200%);
-  border: 1px solid rgba(255, 255, 255, 0.2);
-  transition: all 0.3s ease;
-  isolation: isolate;
+  text-shadow: var(--text-shadow-heavy);
+  box-shadow: var(--panel-border), 0 4px 6px rgba(0, 0, 0, 0.1);
+  margin: 0.5rem 0;
 }
-#settings-button:hover {
-  transform: scale(1.05);
-  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+p,
+.lead {
+  color: var(--light-text);
+  text-shadow: var(--text-shadow-light);
+  backdrop-filter: var(--text-panel-blur);
+  background-color: var(--text-panel-bg);
+  padding: 1rem;
+  border-radius: 8px;
+  box-shadow: var(--panel-border);
+  margin: 1rem 0;
 }
-#settings-button:hover #gear-icon-settings {
-  animation: spin 1s linear infinite;
-  transform-origin: center;
+.modal-content {
+  --bs-modal-color: var(--bs-heading-color);
+  background-color: var(--frosted-bg);
+  backdrop-filter: blur(24px) saturate(200%);
+  border: 1px solid var(--frosted-border);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), var(--frosted-inset-shadow);
 }
 .theme-card {
   cursor: pointer;