Css theme updates dark and light mode - radiant colors

modules/ROOT/pages/developer-playground.adoc

@@ -136,7 +136,7 @@ To explore the features available for embedding Natural Language Search:
 
 . Go to *Playground* > *Natural Language Search*.
 . Select a data source.
-. +++<a href="{{previewPrefix}}/playground/sage" id="preview-in-playground" target="_blank">Try out</a>+++ the following customization settings and click *Run* to preview the result.
+. +++<a href="{{previewPrefix}}/playground/sage" target="_blank">Try out</a>+++ the following customization settings and click *Run* to preview the result.
 
 [width="100%"]
 |====
@@ -194,7 +194,7 @@ To explore the Spotter embedding features:
 
 . Go to *Playground* > *Spotter*.
 . Select a data source.
-. +++<a href="{{previewPrefix}}/playground/sage" id="preview-in-playground" target="_blank">Try out</a>+++ the following customization settings and click *Run* to preview the result.
+. +++<a href="{{previewPrefix}}/playground/sage" target="_blank">Try out</a>+++ the following customization settings and click *Run* to preview the result.
 
 [width="100%"]
 |====

modules/ROOT/pages/home.adoc

@@ -27,7 +27,6 @@
 [.non-link]
 ++++
 <div class="document-body-wrapper">
-<div class="cardHeading"> Get started with embedding</div>
 <div class="row flex pb-10">
 	<div class="col-md-4 flex">
 <div class="boxDiv"><div>
@@ -117,7 +116,6 @@
 [.non-link]
 ++++
 <div class="document-body-wrapper">
-<div class="cardHeading">Integrate tools and workflows</div>
 <div class="row flex pb-10">
 	<div class="col-md-4 flex">
 <div class="boxDiv"><div>

modules/ROOT/pages/rest-api-v2-reference.adoc

@@ -16,7 +16,7 @@ Access to ThoughtSpot data is controlled based on xref:api-user-management.adoc#
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -123,7 +123,7 @@ ThoughtSpot Software: __Not available__  a| +++<a href="{{navprefix}}/restV2-pla
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -191,7 +191,7 @@ a| +++<a href="{{navprefix}}/restV2-playground?apiResourceId=http%2Fapi-endpoint
 == Collections
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -230,7 +230,7 @@ ThoughtSpot Software: __Not available__ + a| +++<a href="{{navprefix}}/restV2-pl
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -303,7 +303,7 @@ a| +++<a href="{{navprefix}}/restV2-playground?apiResourceId=http%2Fapi-endpoint
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -343,7 +343,7 @@ ThoughtSpot Software: __26.3.0.sw or later__ + a|
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -383,7 +383,7 @@ ThoughtSpot Software: __9.8.0.sw or later__   a|
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -420,7 +420,7 @@ a|+++<a href="{{navprefix}}/restV2-playground?apiResourceId=http%2Fapi-endpoints
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -452,7 +452,7 @@ ThoughtSpot Software: __9.0.1.sw or later__  a|
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -503,7 +503,7 @@ ThoughtSpot Software: __10.0.0.sw or later__  a| +++<a href="{{navprefix}}/restV
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -551,7 +551,7 @@ ThoughtSpot Software: __Not available__   a|
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -598,7 +598,7 @@ ThoughtSpot Software: __9.0.1.sw or later__  a|
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -614,7 +614,7 @@ ThoughtSpot Software: __Not available__
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -667,7 +667,7 @@ ThoughtSpot Software: __Not available__  a|
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -780,7 +780,7 @@ a|
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -817,7 +817,7 @@ ThoughtSpot Software: __Not Applicable__ a|
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -841,7 +841,7 @@ ThoughtSpot Software: __9.0.1.sw or later__ a| +++<a href="{{navprefix}}/restV2-
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -883,7 +883,7 @@ ThoughtSpot Software: __Not applicable__   a|
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -925,7 +925,7 @@ ThoughtSpot Software: __9.5.0.sw or later__ a| +++<a href="{{navprefix}}/restV2-
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -999,7 +999,7 @@ Adds or updates column security rules applied on the Table specified in the API
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -1053,7 +1053,7 @@ a| +++<a href="{{navprefix}}/restV2-playground?apiResourceId=http%2Fapi-endpoint
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version| Playground link
@@ -1115,7 +1115,7 @@ ThoughtSpot Software: __26.3.0.sw or later__ a| +++<a href="{{navprefix}}/restV2
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -1168,7 +1168,7 @@ ThoughtSpot Software: __9.0.1.sw or later__  a|
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -1244,7 +1244,7 @@ ThoughtSpot Software: __9.8.0.sw or later__ a| +++<a href="{{navprefix}}/restV2-
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -1322,7 +1322,7 @@ ThoughtSpot Software: __9.5.0.sw or later__  a|
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link
@@ -1376,7 +1376,7 @@ a|ThoughtSpot Cloud: __10.9.0.cl or later__ a|
 
 [div boxAuto]
 --
-[width="100%" cols="8,5,3"]
+[width="100%" cols="6,6,3"]
 [options='header']
 |=====
 |API endpoint| Release version | Playground link

modules/ROOT/pages/spotter-agent-instructions.adoc

@@ -14,11 +14,11 @@ Unlike xref:spotter-nl-instructions.adoc[data model instructions], which operate
 
 [width="100%", cols="1"]
 |=====
-a|`PUT /api/rest/2.0/ai/agent/instructions/set` [.version-badge.new]#New# +
+a|`PUT /api/rest/2.0/ai/agent/instructions/set`  +
 xref:spotter-agent-instructions.adoc#_set_agent_instructions[Sets behavioral instructions] for the Spotter agent. +
 __Available on ThoughtSpot Cloud instances from 26.7.0.cl onwards.__
 
-a|`GET /api/rest/2.0/ai/agent/instructions/get` [.version-badge.new]#New# +
+a|`GET /api/rest/2.0/ai/agent/instructions/get`  +
 xref:spotter-agent-instructions.adoc#_get_agent_instructions[Retrieves the behavioral instructions] currently configured for the Spotter agent. +
 __Available on ThoughtSpot Cloud instances from 26.7.0.cl onwards.__
 |=====
@@ -128,5 +128,5 @@ If no instructions are configured, ThoughtSpot returns an empty value for the `i
 
 * For information about adding instructions at the data model level, see xref:spotter-nl-instructions.adoc[Data model instruction APIs].
 * For information about Spotter agent conversation workflows, see xref:spotter-agent-apis.adoc[AI APIs (Spotter Agent and Spotter 3)].
-* Visit the +++<a href="{{navprefix}}/restV2-playground?apiResourceId=http%2Fapi-endpoints%2Fai%2Fset-agent-instructions" id="preview-in-playground">REST API v2.0 Playground</a>+++ to test the set agent instructions endpoint.
-* Visit the +++<a href="{{navprefix}}/restV2-playground?apiResourceId=http%2Fapi-endpoints%2Fai%2Fget-agent-instructions" id="preview-in-playground">REST API v2.0 Playground</a>+++ to test the get agent instructions endpoint.
+* Visit the +++<a href="{{navprefix}}/restV2-playground?apiResourceId=http%2Fapi-endpoints%2Fai%2Fset-agent-instructions">REST API v2.0 Playground</a>+++ to test the set agent instructions endpoint.
+* Visit the +++<a href="{{navprefix}}/restV2-playground?apiResourceId=http%2Fapi-endpoints%2Fai%2Fget-agent-instructions">REST API v2.0 Playground</a>+++ to test the get agent instructions endpoint.

src/assets/styles/index.scss

@@ -1,3 +1,4 @@
+@import './radiant-colors.css';
 @import './variables.scss';
 @import './padding.scss';
 @import './margin.scss';
@@ -666,6 +667,13 @@ button {
         padding-bottom: 10px;
     }
 }
+
+// Dark mode: the note block reads as border-only, no fill.
+#wrapper[data-theme='dark'] .admonitionblock.note td.content,
+#docsModal[data-theme='dark'] .admonitionblock.note td.content {
+    background: transparent;
+}
+
 .admonitionblock.important {
     border-left: 4px solid var(--var-important-color);
     td.content {
@@ -683,9 +691,22 @@ button {
 .admonitionblock.warning {
     border-left: 5px solid $warning-color;
     td.content {
-        border: none !important;
-        border-radius: 0 !important;
-        box-shadow: none !important;
+        border: 1px solid $warning-color;
+        box-shadow: 0 1px 1px $warning-color;
+        border-radius: 5px !important;
+    }
+    td.icon {
+        left: 20px !important;
+        top: 5px !important;
+    }
+}
+
+.admonitionblock.caution {
+    border-left: 5px solid $caution-color;
+    td.content {
+        border: 1px solid $caution-color;
+        box-shadow: 0 1px 1px $caution-color;
+        border-radius: 5px !important;
     }
     td.icon {
         left: 20px !important;
@@ -1127,15 +1148,19 @@ a.anchor {
 }
 .header-banner {
     min-height: 240px;
-    background: var(--header-banner-background);
-    box-shadow: 0 2px 2px #1B3E61;
+    background-color: var(--header-banner-base);
+    background-image: var(--header-banner-background);
+    background-size: 160% 160%;
+    background-position: 20% 10%;
+    animation: radiance-drift 24s ease-in-out infinite alternate;
+    border-bottom: none;
     padding: 30px 0 0 40px;
 
 
     .header-banner-text {
         display: flex;
         flex-direction: column;
-        color: #fff;
+        color: var(--primary-color);
         width: 60%;
         h1 {
             font-size: $font-size-large;
@@ -1151,11 +1176,29 @@ a.anchor {
     }
 }
 
+@keyframes radiance-drift {
+    0%   { background-position: 10% 0%; }
+    50%  { background-position: 65% 40%; }
+    100% { background-position: 20% 60%; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .header-banner {
+        animation: none;
+    }
+}
+
 // In-product presentation only: override banner color to match product sidebar (#232F43).
 // Standalone light/dark banner gradient is preserved via var(--header-banner-background) above.
 .embedded-mode .header-banner {
     background: #232F43;
+    animation: none;
+    border-bottom: none;
     box-shadow: none;
+
+    .header-banner-text {
+        color: #fff;
+    }
 }
 
 // Fluid home page cards for both standalone and embedded presentations.
@@ -1226,6 +1269,7 @@ a.anchor {
     width: 100%;
     border-spacing: 0;
     border-collapse: collapse;
+    border: none;
 
 
     /* reset borders applied by the generic table rule */