Przeglądaj źródła

style: light blue color scheme

- Primary: #1976D2 → #64B5F6 (Material light blue 300)
- Primary dark: #0D47A1 → #42A5F5 (Material light blue 400)
- Accents: #1565C0 → #42A5F5, #1E88E5 → #64B5F6
- Android theme: colorPrimary/colorPrimaryVariant updated

Co-Authored-By: Claude <noreply@anthropic.com>
nonvioce 3 miesięcy temu
rodzic
commit
a862a826ba
2 zmienionych plików z 30 dodań i 30 usunięć
  1. 28 28
      app/src/main/assets/console.css
  2. 2 2
      app/src/main/res/values/themes.xml

+ 28 - 28
app/src/main/assets/console.css

@@ -1,8 +1,8 @@
 /* Material Design 颜色变量 - 浅色主题 */
 :root {
-    --primary-color: #1976D2;
+    --primary-color: #64B5F6;
     --primary-light: #BBDEFB;
-    --primary-dark: #0D47A1;
+    --primary-dark: #42A5F5;
     
     --success-color: #388E3C;
     --success-light: #C8E6C9;
@@ -19,7 +19,7 @@
     /* 终端颜色 - 浅色主题 */
     --terminal-bg: #FAFAFA;
     --terminal-fg: #212121;
-    --terminal-prompt: #1976D2;
+    --terminal-prompt: #42A5F5;
     --terminal-input-bg: #FFFFFF;
     --terminal-output-bg: #F5F5F5;
     --terminal-border: #E0E0E0;
@@ -624,9 +624,9 @@ body {
     align-items: center;
     justify-content: flex-end;
     padding: 12px 16px;
-    background: #1976D2;
+    background: #42A5F5;
     color: #FFFFFF;
-    border-bottom: 1px solid #0D47A1;
+    border-bottom: 1px solid #64B5F6;
 }
 
 .close-help-btn {
@@ -680,7 +680,7 @@ body {
 .help-table thead {
     position: sticky;
     top: 0;
-    background: #1976D2;
+    background: #42A5F5;
     color: #FFFFFF;
     z-index: 10;
 }
@@ -689,7 +689,7 @@ body {
     padding: 12px 16px;
     text-align: left;
     font-weight: 500;
-    border-bottom: 2px solid #0D47A1;
+    border-bottom: 2px solid #64B5F6;
 }
 
 .help-table td {
@@ -811,9 +811,9 @@ body {
     align-items: center;
     justify-content: space-between;
     padding: 20px 24px;
-    background: #1976D2;
+    background: #42A5F5;
     color: #FFFFFF;
-    border-bottom: 1px solid #0D47A1;
+    border-bottom: 1px solid #64B5F6;
 }
 
 .plugin-panel-header h2 {
@@ -848,7 +848,7 @@ body {
     padding: 12px 16px;
     border: none;
     background: transparent;
-    color: #1565C0;
+    color: #42A5F5;
     font-size: 14px;
     font-weight: 500;
     cursor: pointer;
@@ -861,8 +861,8 @@ body {
 }
 
 .plugin-tab.active {
-    color: #1976D2;
-    border-bottom-color: #1976D2;
+    color: #42A5F5;
+    border-bottom-color: #42A5F5;
     background: #E3F2FD;
 }
 
@@ -897,7 +897,7 @@ body {
 
 .plugin-item:hover {
     background: #BBDEFB;
-    border-color: #1976D2;
+    border-color: #42A5F5;
     transform: translateY(-2px);
     box-shadow: 0 4px 8px rgba(255, 183, 197, 0.2);
 }
@@ -914,19 +914,19 @@ body {
 .plugin-name {
     font-size: 16px;
     font-weight: 500;
-    color: #0D47A1;
+    color: #64B5F6;
     margin-bottom: 4px;
 }
 
 .plugin-desc {
     font-size: 13px;
-    color: #1565C0;
+    color: #42A5F5;
     line-height: 1.4;
 }
 
 .plugin-command {
     font-size: 12px;
-    color: #1976D2;
+    color: #42A5F5;
     margin-top: 4px;
     font-family: var(--font-mono);
 }
@@ -1047,14 +1047,14 @@ body {
 }
 
 .import-section h3 {
-    color: #1976D2;
+    color: #42A5F5;
     font-size: 16px;
     font-weight: 500;
     margin-bottom: 8px;
 }
 
 .import-section p {
-    color: #1565C0;
+    color: #42A5F5;
     font-size: 13px;
     margin-bottom: 12px;
 }
@@ -1073,7 +1073,7 @@ body {
 
 .share-select:focus {
     outline: none;
-    border-color: #1976D2;
+    border-color: #42A5F5;
 }
 
 .share-textarea {
@@ -1091,14 +1091,14 @@ body {
 
 .share-textarea:focus {
     outline: none;
-    border-color: #1976D2;
+    border-color: #42A5F5;
 }
 
 .action-btn {
     padding: 10px 20px;
     border: none;
     border-radius: 6px;
-    background: #1976D2;
+    background: #42A5F5;
     color: #FFFFFF;
     font-size: 14px;
     font-weight: 500;
@@ -1108,7 +1108,7 @@ body {
 }
 
 .action-btn:hover {
-    background: #0D47A1;
+    background: #64B5F6;
     transform: translateY(-1px);
     box-shadow: 0 2px 4px rgba(255, 183, 197, 0.3);
 }
@@ -1118,7 +1118,7 @@ body {
 }
 
 .action-btn.secondary:hover {
-    background: #1976D2;
+    background: #42A5F5;
 }
 
 .action-btn.danger {
@@ -1183,7 +1183,7 @@ body {
     align-items: center;
     justify-content: space-between;
     padding: 20px 24px;
-    background: #1976D2;
+    background: #42A5F5;
     color: #FFFFFF;
 }
 
@@ -1194,7 +1194,7 @@ body {
 
 .plugin-dialog-desc {
     padding: 16px 24px;
-    color: #1565C0;
+    color: #42A5F5;
     font-size: 14px;
     border-bottom: 1px solid #90CAF9;
     background: #E3F2FD;
@@ -1286,7 +1286,7 @@ body {
 .plot-info {
     padding: 12px 24px;
     background: #BBDEFB;
-    color: #1565C0;
+    color: #42A5F5;
     font-family: var(--font-mono);
     font-size: 12px;
     border-bottom: 1px solid #90CAF9;
@@ -1448,7 +1448,7 @@ body {
     font-size: 10px;
     font-weight: 600;
     background: #E3F2FD;
-    color: #1976D2;
+    color: #42A5F5;
     padding: 2px 6px;
     border-radius: 3px;
     flex-shrink: 0;
@@ -1463,7 +1463,7 @@ body {
 .mcp-command-text {
     font-family: var(--font-mono);
     font-size: 13px;
-    color: #1565C0;
+    color: #42A5F5;
 }
 .mcp-result-line {
     display: flex;

+ 2 - 2
app/src/main/res/values/themes.xml

@@ -2,8 +2,8 @@
     <!-- Base application theme. No ActionBar — we use a WebView header. -->
     <style name="Theme.Ijs" parent="Theme.MaterialComponents.DayNight.NoActionBar">
         <!-- Primary brand color. -->
-        <item name="colorPrimary">#1976D2</item>
-        <item name="colorPrimaryVariant">#0D47A1</item>
+        <item name="colorPrimary">#64B5F6</item>
+        <item name="colorPrimaryVariant">#42A5F5</item>
         <item name="colorOnPrimary">@color/white</item>
         <!-- Secondary brand color. -->
         <item name="colorSecondary">@color/teal_200</item>