update official site theme

Author: lovasoa

examples/official-site/assets/highlightjs-and-tabler-theme.css

@@ -26,6 +26,7 @@
   /* Code colors */
   --tblr-code-color: hsl(225deg 45.4% 76.93%); /* Light code text for dark theme */
   --tblr-code-bg: hsla(225, 47%, 15%, 0.5); /* Subtle dark background */
+  --tblr-active-bg: var(--tblr-code-bg);
 
   /* Ethereal accent colors */
   --tblr-blue-rgb: 84, 151, 213;
@@ -36,6 +37,24 @@
   --tblr-primary: rgb(var(--tblr-primary-rgb));
   --tblr-secondary: hsla(247, 60%, 94%, 0.7); /* Nebula purple */
 
+  /* Status + accent colors aligned with the brand palette */
+  --tblr-success-rgb: 16, 132, 86; /* Deep green for white text */
+  --tblr-success: rgb(var(--tblr-success-rgb));
+  --tblr-warning-rgb: 197, 124, 0; /* Deep amber */
+  --tblr-warning: rgb(var(--tblr-warning-rgb));
+  --tblr-danger-rgb: 196, 68, 68; /* Deep crimson */
+  --tblr-danger: rgb(var(--tblr-danger-rgb));
+  --tblr-purple-rgb: 118, 82, 200; /* Deep violet */
+  --tblr-purple: rgb(var(--tblr-purple-rgb));
+  --tblr-cyan-rgb: 0, 149, 168; /* Deep cyan */
+  --tblr-cyan: rgb(var(--tblr-cyan-rgb));
+  --tblr-indigo-rgb: 68, 85, 190; /* Deep indigo */
+  --tblr-indigo: rgb(var(--tblr-indigo-rgb));
+
+  --tblr-green: var(--tblr-success);
+  --tblr-yellow: var(--tblr-warning);
+  --tblr-red: var(--tblr-danger);
+
   /* Luminous links */
   --tblr-link-color: hsl(212, 70%, 75%) !important; /* Star glow */
   --tblr-link-hover-color: hsl(212, 70%, 85%) !important; /* Supernova */
@@ -62,6 +81,25 @@
   --hljs-cosmic-keyword: hsl(210, 100%, 75%); /* Blue giant */
 }
 
+.btn-primary {
+  --tblr-btn-border-color: var(--tblr-secondary);
+  --tblr-btn-active-border-color: transparent;
+  --tblr-btn-color: var(--tblr-primary-fg, #ffffff);
+  --tblr-btn-bg: transparent;
+  --tblr-btn-hover-color: var(--tblr-primary-fg);
+  --tblr-btn-hover-bg: transparent;
+  --tblr-btn-active-color: var(--tblr-primary-fg);
+  --tblr-btn-active-bg: transparent;
+  --tblr-btn-disabled-bg: var(--tblr-primary);
+  --tblr-btn-disabled-color: var(--tblr-primary-fg);
+  --tblr-btn-box-shadow: 1px 0.1em 0.3em var(--tblr-primary);
+  --tblr-btn-hover-border-color: var(--tblr-primary);
+}
+
+.dropdown-menu {
+  --tblr-dropdown-link-active-color: rgb(166, 211, 255);
+}
+
 @media (min-width: 768px) {
   .layout-boxed {
     background: #07020ff5