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