UI - CSS cleanups in LLM settings area

changedetectionio/static/styles/scss/parts/_button.scss

@@ -16,7 +16,7 @@
   border-radius: var(--common-round-border);
   border: 1px solid var(--color-border-table-cell);
   background: var(--color-background);
-  color: var(--color-text-input-description);
+  color: var(--color-text);
   // <button> does not inherit font-family from the page, and this class is used on both
   // anchors and submit buttons (toolbar actions are buttons so they can POST) - without this
   // the buttons render in the browser's UI font while the links next to them don't.
@@ -31,7 +31,7 @@
 
   &:hover {
     border-color: var(--color-border-input);
-    color: var(--color-text);
+/*    color: var(--color-text);*/
   }
 
   &:focus-visible {
@@ -94,6 +94,10 @@
     color: #d68a00;
     &:hover { color: #d68a00; border-color: #d68a00; }
   }
+
+  &.pure-button-primary {
+    color: #fff;
+  }
 }
 
 // State-mutating controls have to POST, and only a <button> can submit - these strip

changedetectionio/static/styles/scss/parts/_sub_tabs.scss

@@ -53,7 +53,6 @@
   font: inherit;
   color: var(--color-text);
   text-align: left;
-  opacity: 0.65;
   transition: background 0.12s ease, opacity 0.12s ease, border-color 0.12s ease, color 0.12s ease;
 
   &:hover {
@@ -293,9 +292,7 @@
   font-weight: 700;
   letter-spacing: 0.07em;
   text-transform: uppercase;
-  opacity: 0.45;
   margin: 1.4rem 0 0.6rem;
-
   &:first-child {
     margin-top: 0;
   }
@@ -339,7 +336,6 @@
     font-weight: 700;
     letter-spacing: 0.07em;
     text-transform: uppercase;
-    opacity: 0.4;
     margin-bottom: 0.4rem;
   }
 
@@ -353,12 +349,10 @@
 
   .llm-stat-sub {
     font-size: 0.79rem;
-    opacity: 0.5;
   }
 
   .llm-stat-budget-text {
     font-size: 0.77rem;
-    opacity: 0.55;
     margin-top: 0.3rem;
   }
 }
@@ -399,7 +393,6 @@
   .llm-usage-row-label {
     font-size: 0.82rem;
     font-weight: 600;
-    opacity: 0.6;
     min-width: 12rem;
     flex-shrink: 0;
   }
@@ -415,12 +408,10 @@
 
 .llm-field-hint {
   font-size: 0.8rem;
-  opacity: 0.55;
 }
 
 .llm-env-badge {
   font-size: 0.79rem;
-  opacity: 0.6;
 }
 
 .llm-budget-alert {
@@ -431,7 +422,6 @@
 }
 
 .llm-no-usage {
-  opacity: 0.5;
   font-style: italic;
   font-size: 0.88rem;
   margin-bottom: 1rem;