|
|
@@ -34,17 +34,34 @@
|
|
|
|
|
|
/* @import "@ionic/angular/css/palettes/dark.always.css"; */
|
|
|
/* @import "@ionic/angular/css/palettes/dark.class.css"; */
|
|
|
-@import "@ionic/angular/css/palettes/dark.system.css";
|
|
|
-/* 主题颜色定义 */
|
|
|
-:root {
|
|
|
- --ion-background-color: #ffffff;
|
|
|
- --ion-text-color: #000000;
|
|
|
+@import "@ionic/angular/css/palettes/dark.class.css";
|
|
|
+/* 主题颜色定义（强制覆盖） */
|
|
|
+body {
|
|
|
+ --ion-background-color: #ffffff !important;
|
|
|
+ --ion-text-color: #000000 !important;
|
|
|
+ --ion-toolbar-background: #f8f9fa !important;
|
|
|
}
|
|
|
|
|
|
-.dark {
|
|
|
- --ion-background-color: #1a1a1a;
|
|
|
- --ion-text-color: #ffffff;
|
|
|
- --ion-border-color: #333333;
|
|
|
+body.dark {
|
|
|
+ @import "@ionic/angular/css/palettes/dark.class.css";
|
|
|
+ --ion-background-color: #121212 !important;
|
|
|
+ --ion-text-color: #ffffff !important;
|
|
|
+ --ion-toolbar-background: #1a1a1a !important;
|
|
|
+ --ion-border-color: rgba(255, 255, 255, 0.12) !important;
|
|
|
+ --ion-item-border-color: var(--ion-border-color);
|
|
|
+
|
|
|
+ /* 增强对比度 */
|
|
|
+ --ion-color-primary: #4a8cff !important;
|
|
|
+ --ion-color-medium: #cccccc !important;
|
|
|
+ ion-checkbox {
|
|
|
+ --border-width: 2px;
|
|
|
+ --border-color: var(--ion-color-medium) !important;
|
|
|
+ --background: rgba(255, 255, 255, 0.1) !important;
|
|
|
+ --checkbox-background-checked: var(--ion-color-primary);
|
|
|
+ }
|
|
|
+ ion-icon {
|
|
|
+ color: var(--ion-color-medium);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
/* 添加安全区域处理 */
|
