cloud-ide-element 1.1.67 → 1.1.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/fesm2022/cloud-ide-element.mjs +2 -2
  2. package/fesm2022/cloud-ide-element.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/src/lib/assets/css/cide-ele-color-variables.scss +51 -59
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cloud-ide-element",
3
- "version": "1.1.67",
3
+ "version": "1.1.69",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^20.1.0",
6
6
  "@angular/core": "^20.1.0"
package/src/lib/assets/css/cide-ele-color-variables.scss CHANGED
@@ -154,66 +154,58 @@ body.dark-mode {
154
154
  }
155
155
 
156
156
  /* ============================================
157
- * MEDIA QUERY DARK MODE SUPPORT
157
+ * MEDIA QUERY DARK MODE SUPPORT - REMOVED
158
+ * Dark mode is now controlled exclusively through explicit dark-mode class
159
+ * or data-theme="dark" attribute to prevent OS preference from overriding
160
+ * application theme selection
158
161
  * ============================================ */
159
162
 
160
- @media (prefers-color-scheme: dark) {
161
- :root:not([data-theme="light"]):not(.light-mode) {
162
- /* Background Colors */
163
- --cide-ele-bg-primary: #1f2937;
164
- --cide-ele-bg-secondary: #111827;
165
- --cide-ele-bg-tertiary: #374151;
166
- --cide-ele-bg-hover: #374151;
167
- --cide-ele-bg-active: #4b5563;
168
-
169
- /* Text Colors */
170
- --cide-ele-text-primary: #f9fafb;
171
- --cide-ele-text-secondary: #d1d5db;
172
- --cide-ele-text-tertiary: #9ca3af;
173
- --cide-ele-text-disabled: #6b7280;
174
-
175
- /* Border Colors */
176
- --cide-ele-border-primary: #374151;
177
- --cide-ele-border-secondary: #4b5563;
178
- --cide-ele-border-hover: #60a5fa;
179
- --cide-ele-border-active: #3b82f6;
180
-
181
- /* Brand Colors */
182
- --cide-ele-brand-primary: #60a5fa;
183
- --cide-ele-brand-primary-hover: #3b82f6;
184
- --cide-ele-brand-primary-light: #1e3a8a;
185
- --cide-ele-brand-primary-dark: #1e40af;
186
-
187
- /* Status Colors */
188
- --cide-ele-success: #34d399;
189
- --cide-ele-success-light: #065f46;
190
- --cide-ele-warning: #fbbf24;
191
- --cide-ele-warning-light: #78350f;
192
- --cide-ele-error: #f87171;
193
- --cide-ele-error-light: #7f1d1d;
194
- --cide-ele-info: #60a5fa;
195
- --cide-ele-info-light: #1e3a8a;
196
-
197
- /* Data Grid Dark Mode */
198
- --cide-ele-grid-bg: #1f2937;
199
- --cide-ele-grid-bg-striped: #111827;
200
- --cide-ele-grid-bg-hover: #374151;
201
- --cide-ele-grid-bg-header: #374151;
202
- --cide-ele-grid-bg-header-hover: #4b5563;
203
- --cide-ele-grid-bg-group: #374151;
204
-
205
- --cide-ele-grid-border: #374151;
206
- --cide-ele-grid-border-header: rgba(255, 255, 255, 0.1);
207
- --cide-ele-grid-border-hover: #60a5fa;
208
-
209
- --cide-ele-grid-text: #f9fafb;
210
- --cide-ele-grid-text-header: #d1d5db;
211
- --cide-ele-grid-text-secondary: #9ca3af;
212
-
213
- /* Scrollbar Dark Mode */
214
- --cide-ele-scrollbar-track: #1f2937;
215
- --cide-ele-scrollbar-thumb: #4b5563;
216
- --cide-ele-scrollbar-thumb-hover: #6b7280;
217
- }
163
+ /* ============================================
164
+ * LIGHT MODE EXPLICIT OVERRIDES
165
+ * Force light mode colors when dark mode is NOT active
166
+ * ============================================ */
167
+
168
+ :root:not([data-theme="dark"]):not(.dark-mode),
169
+ html:not([data-theme="dark"]):not(.dark-mode),
170
+ body:not([data-theme="dark"]):not(.dark-mode) {
171
+ /* Background Colors */
172
+ --cide-ele-bg-primary: #ffffff !important;
173
+ --cide-ele-bg-secondary: #f9fafb !important;
174
+ --cide-ele-bg-tertiary: #f3f4f6 !important;
175
+ --cide-ele-bg-hover: #f9fafb !important;
176
+ --cide-ele-bg-active: #f3f4f6 !important;
177
+
178
+ /* Text Colors */
179
+ --cide-ele-text-primary: #1f2937 !important;
180
+ --cide-ele-text-secondary: #6b7280 !important;
181
+ --cide-ele-text-tertiary: #9ca3af !important;
182
+ --cide-ele-text-disabled: #d1d5db !important;
183
+
184
+ /* Border Colors */
185
+ --cide-ele-border-primary: #e5e7eb !important;
186
+ --cide-ele-border-secondary: #d1d5db !important;
187
+ --cide-ele-border-hover: #9ca3af !important;
188
+ --cide-ele-border-active: #3b82f6 !important;
189
+
190
+ /* Data Grid Light Mode */
191
+ --cide-ele-grid-bg: #ffffff !important;
192
+ --cide-ele-grid-bg-striped: #fafafa !important;
193
+ --cide-ele-grid-bg-hover: #f9fafb !important;
194
+ --cide-ele-grid-bg-header: #fafafa !important;
195
+ --cide-ele-grid-bg-header-hover: #f3f4f6 !important;
196
+ --cide-ele-grid-bg-group: #f3f4f6 !important;
197
+
198
+ --cide-ele-grid-border: #e5e7eb !important;
199
+ --cide-ele-grid-border-header: rgba(0, 0, 0, 0.08) !important;
200
+ --cide-ele-grid-border-hover: #3b82f6 !important;
201
+
202
+ --cide-ele-grid-text: #1f2937 !important;
203
+ --cide-ele-grid-text-header: #6b7280 !important;
204
+ --cide-ele-grid-text-secondary: #6b7280 !important;
205
+
206
+ /* Scrollbar Light Mode */
207
+ --cide-ele-scrollbar-track: #f9fafb !important;
208
+ --cide-ele-scrollbar-thumb: #d1d5db !important;
209
+ --cide-ele-scrollbar-thumb-hover: #9ca3af !important;
218
210
  }
219
211