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