style: color
This commit is contained in:
@@ -57,7 +57,7 @@
|
||||
<!-- 課程建議入口 -->
|
||||
|
||||
<v-list-item append-icon="mdi-chevron-right" class="bg-primary py-4" to="/course">
|
||||
<v-list-item-title class="font-weight-bold text-accent-light">
|
||||
<v-list-item-title class="font-weight-bold">
|
||||
<v-icon icon="mdi-notebook-check-outline" size="16" />
|
||||
課程建議
|
||||
</v-list-item-title>
|
||||
@@ -296,12 +296,8 @@ const todayTimeString = computed(() => {
|
||||
color: rgba(255, 255, 255, 0.7) !important;
|
||||
}
|
||||
|
||||
.text-accent-light {
|
||||
color: #8cebd2 !important;
|
||||
}
|
||||
|
||||
.score-disk {
|
||||
background: radial-gradient(circle, #e66926 0%, #cc561b 100%);
|
||||
background: radial-gradient(circle, #157ba9 0%, #13967f 100%);
|
||||
border: 3px solid #ffffff;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
|
||||
@@ -14,13 +14,13 @@ import 'vuetify/styles'
|
||||
const HPTheme: ThemeDefinition = {
|
||||
dark: false,
|
||||
colors: {
|
||||
'background': '#F0F9F6', // 頁面整體淡綠色背景
|
||||
'background': '#def0de', // 頁面背景
|
||||
'surface': '#FFFFFF', // 卡片與白底區塊
|
||||
'primary': '#1D7063', // 深松石綠 (主要品牌色)
|
||||
'primary-darken-1': '#145248',
|
||||
'secondary': '#E66926', // 亮橘色 (CTA 按鈕)
|
||||
'secondary-darken-1': '#CC561B',
|
||||
'accent': '#47C2A6', // 薄荷綠 (標籤與強調)
|
||||
'primary': '#18a442', // 主要品牌色
|
||||
'primary-darken-1': '#008828',
|
||||
'secondary': '#dc5349', // CTA 按鈕
|
||||
'secondary-darken-1': '#ab4c3d',
|
||||
'accent': '#892894', // 標籤與強調
|
||||
'error': '#B00020',
|
||||
'info': '#2196F3',
|
||||
'success': '#4CAF50',
|
||||
|
||||
Reference in New Issue
Block a user