Update style.css

style.css

@@ -799,4 +799,29 @@ input[type="range"].futuristic-slider::-moz-range-thumb {
     box-shadow: 0 3px 6px rgba(0,0,0,0.2), 
                 inset 0 1px 2px rgba(0,0,0,0.1);
     background-image: linear-gradient(to right bottom, rgba(41, 55, 75, 0.9), rgba(31, 45, 65, 1));
+}
+
+/* --- Novita.AI Logo Theming --- */
+.novita-logo-container {
+    /* Ensures the container behaves as expected for width/height of SVG */
+    display: inline-block; /* Or block, depending on layout needs */
+    line-height: 0; /* Removes extra space if SVG is display: inline-block */
+}
+
+.novita-logo-svg-themed {
+    /* General fill for the SVG - this might be overridden by specific fills on paths */
+    fill: #4CAF50; /* A standard green color */
+}
+
+/* If the above doesn't work because paths have their own fill, try targeting paths. 
+   You might need to inspect the SVG structure to get the right selectors if it's complex.
+   This is a general attempt to override path fills. Use !important sparingly. */
+.novita-logo-svg-themed path,
+.novita-logo-svg-themed circle,
+.novita-logo-svg-themed rect,
+.novita-logo-svg-themed polygon,
+.novita-logo-svg-themed g {
+    fill: #4CAF50 !important; /* Using !important to try and override inline styles if present */
+    /* If there are strokes you want to color too: */
+    /* stroke: #388E3C !important; /* A darker green for stroke */
 }