Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-04-24 22:19:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 稍微处理了一下色彩

Browse Source
This commit is contained in:
BTMuli
2023-09-06 09:28:31 +08:00
parent efd4c670fb
commit d3d23c439f
11 changed files with 22 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/hutaoAbyss/hta-overlay-overview.vue
View File

@@ -62,8 +62,9 @@ function onCancel(): void {
.hta-oo-box {
width: 300px;
padding: 10px;
border: 1px solid var(--common-shadow-1);
border-radius: 5px;
background: rgb(255 255 255/50%);
background: var(--box-bg-1);
}
.hta-oo-box:nth-child(3) {
@@ -71,8 +72,8 @@ function onCancel(): void {
}
.hta-oob-title {
border-bottom: 1px solid #393b40;
color: #393b40;
border-bottom: 1px solid var(--common-shadow-4);
color: var(--common-text-title);
font-family: var(--font-title);
font-size: 20px;
}
@@ -86,16 +87,15 @@ function onCancel(): void {
}
.hta-oob-item :nth-child(2n-1) {
color: var(--common-color-blue);
color: var(--box-text-4);
font-family: var(--font-title);
font-size: 16px;
text-align: left;
}
.hta-oob-item :nth-child(2n) {
color: var(--common-color-white);
color: var(--tgc-yellow-1);
font-size: 14px;
text-align: right;
text-shadow: 0 0 10px rgb(0 0 0/50%);
}
</style>

2
src/components/main/t-itembox-2.vue
View File

@@ -87,7 +87,7 @@ const props = defineProps<TItemBox2Props>();
align-items: center;
justify-content: center;
margin-left: 5px;
color: var(--common-color-white);
color: var(--tgc-white-1);
font-size: calc(0.2 * v-bind(props[ "modelValue"][ "height"]));
}
</style>

4
src/components/main/t-itembox.vue
View File

@@ -185,7 +185,7 @@ const props = defineProps<TItemBoxProps>();
background: rgb(0 0 0 / 40%);
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
color: var(--common-color-white);
color: var(--tgc-white-1);
font-family: var(--font-title);
}
@@ -200,7 +200,7 @@ const props = defineProps<TItemBoxProps>();
background: rgb(20 20 20 / 40%);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: var(--common-color-white);
color: var(--tgc-white-1);
font-family: var(--font-title);
}

2
src/components/userAbyss/tua-detail-battle.vue
View File

@@ -29,7 +29,7 @@ const props = defineProps<TuaDetailBattleProps>();
}
.tud-db-time {
color: var(--common-text-content);
color: var(--box-text-1);
font-size: 12px;
opacity: 0.6;
text-align: left;

2
src/components/userCharacter/tuc-detail-overlay.vue
View File

@@ -56,7 +56,7 @@
class="tuc-dor-item"
:model-value="item"
:style="{
border: selected.pos === item.pos + 5 ? '2px solid var(--common-color-yellow)' : '',
border: selected.pos === item.pos + 5 ? '2px solid var(--tgc-yellow-1)' : '',
}"
@click="showDetail(item, '命座', item.pos + 5)"
/>

4
src/components/userCharacter/tuc-role-box.vue
View File

@@ -233,7 +233,7 @@ onUnmounted(() => {
align-items: center;
justify-content: center;
padding: 5px;
border: 1px solid var(--tgc-white-8);
border: 1px solid var(--tgc-white-4);
border-radius: 50%;
background: var(--tgc-dark-7);
opacity: 0.8;
@@ -245,7 +245,7 @@ onUnmounted(() => {
height: 30px;
align-items: center;
justify-content: center;
color: var(--tgc-white-8);
color: var(--tgc-white-4);
font-family: var(--font-title);
font-size: 12px;
text-shadow: 0 0 10px var(--tgc-dark-7);

2
src/components/userRecord/tur-overview-sub.vue
View File

@@ -46,7 +46,7 @@ defineProps<TAOProps>();
}
.dark .tur-os-text {
color: var(--common-color-yellow);
color: var(--tgc-yellow-1);
text-shadow: none;
}
</style>