Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-05-07 00:15:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

🎨 颜色统一为hexa

Browse Source
This commit is contained in:
BTMuli
2025-05-29 14:16:36 +08:00
parent a8d9808deb
commit 36f2adf3f7
19 changed files with 103 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/app/t-itemBox.vue
View File

@@ -131,7 +131,7 @@ const props = defineProps<TItemBoxProps>();
height: v-bind("props.modelValue.rtSize");
align-items: center;
justify-content: center;
background: rgb(0 0 0 / 40%);
background: #00000066;
border-bottom-left-radius: 4px;
border-top-right-radius: 4px;
color: var(--tgc-white-1);
@@ -151,7 +151,7 @@ const props = defineProps<TItemBoxProps>();
justify-content: center;
-webkit-backdrop-filter: blur(v-bind("props.modelValue.innerBlur ?? 0"));
backdrop-filter: blur(v-bind("props.modelValue.innerBlur ?? 0"));
background: rgb(20 20 20 / 40%);
background: #14141466;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
color: var(--tgc-white-1);

2
src/components/func/geetest.vue
View File

@@ -124,7 +124,7 @@ defineExpose({ displayBox });
align-items: center;
justify-content: center;
backdrop-filter: blur(20px);
background: rgb(0 0 0 / 50%);
background: #00000080;
}
.geetest-box {

6
src/components/func/loading.vue
View File

@@ -120,7 +120,7 @@ defineExpose({ displayBox });
align-items: center;
justify-content: center;
backdrop-filter: blur(10px);
background: rgb(0 0 0 / 50%);
background: #00000080;
}
.loading-container {
@@ -130,8 +130,8 @@ defineExpose({ displayBox });
box-sizing: border-box;
padding: 15px;
border-radius: 15px;
background: rgb(255 255 255 / 5%);
box-shadow: 0 0 10px rgb(0 0 0 / 50%);
background: #ffffff0d;
box-shadow: 0 0 10px #00000080;
}
.loading-box {

2
src/components/pageConfig/tc-appBadge.vue
View File

@@ -75,7 +75,7 @@ async function toSite(): Promise<void> {
font-family: var(--font-title);
font-size: 14px;
text-align: center;
text-shadow: 0 0 2px rgb(19 84 122 / 80%);
text-shadow: 0 0 2px #13547acc;
}
.tab-info.click {

2
src/components/userAchi/tua-achi.vue
View File

@@ -193,7 +193,7 @@ async function setAchiStat(stat: boolean): Promise<void> {
height: 10px;
align-items: center;
justify-content: center;
background: rgb(0 0 0 / 50%);
background: #00000080;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
color: var(--tgc-white-1);

10
src/components/userAvatar/tua-avatar-box.vue
View File

@@ -146,10 +146,6 @@ function getWeaponTitle(): string {
cursor: pointer;
row-gap: 4px;
&:hover .tua-abl-bg {
filter: grayscale(0);
}
@include github-styles.github-card;
}
@@ -203,7 +199,7 @@ function getWeaponTitle(): string {
padding: 4px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background: rgb(0 0 0 / 40%);
background: #00000066;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
color: var(--tgc-white-1);
@@ -263,6 +259,10 @@ function getWeaponTitle(): string {
}
}
.tua-ab-box:hover .tua-abl-bg {
filter: grayscale(0);
}
.tua-abl-skills {
position: relative;
display: flex;

6
src/components/userAvatar/tua-dc-constellations.vue
View File

@@ -37,11 +37,11 @@ const props = defineProps<TuaDcConstellationsProps>();
align-items: center;
justify-content: center;
padding: 2px;
border: 1px solid rgb(255 255 255 / 20%);
border: 1px solid #ffffff33;
border-radius: 50%;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: rgb(0 0 0 / 20%);
background: #00000033;
}
.tua-dcc-icon {
@@ -60,6 +60,6 @@ const props = defineProps<TuaDcConstellationsProps>();
justify-content: center;
padding: 5px;
border-radius: 50%;
background: rgb(0 0 0 / 50%);
background: #00000080;
}
</style>

14
src/components/userAvatar/tua-dc-relic.vue
View File

@@ -137,15 +137,15 @@ function getPropSubStyle(
align-items: center;
justify-content: flex-start;
padding: 5px;
border: 1px solid rgb(255 255 255 / 20%);
border: 1px solid #ffffff33;
border-radius: 5px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: rgb(0 0 0 / 20%);
background: #00000033;
color: var(--tgc-white-1);
font-size: 12px;
row-gap: 5px;
text-shadow: 0 0 5px rgb(0 0 0 / 50%);
text-shadow: 0 0 5px #00000080;
}
.tua-dcr-main {
@@ -241,7 +241,7 @@ function getPropSubStyle(
width: 100%;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgb(255 255 255 / 20%);
border-bottom: 1px solid #ffffff33;
column-gap: 5px;
font-family: var(--font-title);
@@ -286,12 +286,12 @@ function getPropSubStyle(
.tua-prop-time {
width: 14px;
height: 14px;
border: 1px solid rgb(255 255 255 / 20%);
border: 1px solid #ffffff33;
border-radius: 4px;
background: rgb(0 0 0 / 20%);
background: #00000033;
font-size: 10px;
line-height: 14px;
text-align: center;
text-shadow: 0 0 5px rgb(0 0 0 / 50%);
text-shadow: 0 0 5px #00000080;
}
</style>

10
src/components/userAvatar/tua-dc-talents.vue
View File

@@ -40,11 +40,11 @@ const props = defineProps<TuaDcTalentsProps>();
align-items: center;
justify-content: center;
padding: 2px;
border: 1px solid rgb(255 255 255 / 20%);
border: 1px solid #ffffff33;
border-radius: 50%;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: rgb(0 0 0 / 20%);
background: #00000033;
}
.tua-dct-icon {
@@ -63,7 +63,7 @@ const props = defineProps<TuaDcTalentsProps>();
justify-content: center;
padding: 5px;
border-radius: 50%;
background: rgb(0 0 0 / 50%);
background: #00000080;
}
.tua-dct-lock v-icon {
@@ -82,9 +82,9 @@ const props = defineProps<TuaDcTalentsProps>();
border-radius: 4px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: rgb(0 0 0 / 50%);
background: #00000080;
color: var(--tgc-white-1);
font-size: 8px;
text-shadow: 0 0 5px rgb(0 0 0 / 50%);
text-shadow: 0 0 5px #00000080;
}
</style>

8
src/components/userAvatar/tua-dc-weapon.vue
View File

@@ -75,14 +75,14 @@ const propSub = computed<TGApp.Game.Avatar.PropMapItem | false>(() => {
align-items: center;
justify-content: flex-start;
padding: 5px;
border: 1px solid rgb(255 255 255 / 20%);
border: 1px solid #ffffff33;
border-radius: 5px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: rgb(0 0 0 / 20%);
background: #00000033;
color: var(--tgc-white-1);
font-size: 12px;
text-shadow: 0 0 5px rgb(0 0 0 / 50%);
text-shadow: 0 0 5px #00000080;
}
.tua-dcw-main {
@@ -151,7 +151,7 @@ const propSub = computed<TGApp.Game.Avatar.PropMapItem | false>(() => {
flex-direction: row;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgb(255 255 255 / 20%);
border-bottom: 1px solid #ffffff33;
img {
width: 14px;

8
src/components/userAvatar/tua-detail-card.vue
View File

@@ -141,7 +141,7 @@ async function share(): Promise<void> {
position: absolute;
top: 5px;
left: 5px;
border: 1px solid rgb(255 255 255 / 20%);
border: 1px solid #ffffff33;
border-radius: 5px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
@@ -176,11 +176,11 @@ async function share(): Promise<void> {
align-items: center;
justify-content: flex-end;
padding: 5px;
border: 1px solid rgb(255 255 255 / 20%);
border: 1px solid #ffffff33;
border-radius: 5px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: rgb(0 0 0 / 20%);
background: #00000033;
gap: 0;
}
@@ -195,7 +195,7 @@ async function share(): Promise<void> {
column-gap: 10px;
font-family: var(--font-title);
font-size: 14px;
text-shadow: 0 0 5px rgb(0 0 0 / 50%);
text-shadow: 0 0 5px #00000080;
}
.tua-dc-detail {

4
src/components/userAvatarCard/duc-detail-ort.vue
View File

@@ -46,7 +46,7 @@ const props = defineProps<DucDetailOrtProps>();
border-radius: 50%;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background: rgb(0 0 0 / 40%);
background: #00000066;
img {
width: 100%;
@@ -62,6 +62,6 @@ const props = defineProps<DucDetailOrtProps>();
color: var(--tgc-white-1);
font-family: var(--font-title);
font-size: 16px;
text-shadow: 0 0 5px rgb(0 0 0 / 40%);
text-shadow: 0 0 5px #00000066;
}
</style>

2
src/components/userAvatarCard/tuc-detail-card.vue
View File

@@ -119,7 +119,7 @@ async function share(): Promise<void> {
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 20%);
background: #00000033;
}
.duc-doc-lt {

2
src/components/userCombat/tuc-buffs.vue
View File

@@ -65,7 +65,7 @@ const columnCnt = computed<number>(() => {
color: var(--tgc-white-2);
font-family: var(--font-title);
font-size: 14px;
text-shadow: 0 0 4px rgb(0 0 0 / 20%);
text-shadow: 0 0 4px #00000033;
}
}
</style>

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

@@ -97,7 +97,7 @@ defineProps<{ data: TGApp.Sqlite.Record.Home }>();
padding: 8px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background: rgb(0 0 0 / 40%);
background: #00000066;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
color: var(--tgc-white-1);