headporter/specialsource-homepage-frontend
1
0
Fork 0
mirror of https://github.com/headporter81/specialsource-homepage-frontend.git synced 2026-08-08 15:21:11 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix : main banner modify
SpecialSource Frontend CD / deploy (push) Successful in 7s
Details

Browse Source
This commit is contained in:
headporter
2026-05-29 00:42:15 +09:00
parent 0c1ea82adf
commit bbb7386b48
1 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/Main.vue
+19
View File
@@ -416,6 +416,7 @@ watch(activeTheme, (newTheme) => {
font-family: 'JetBrains Mono', monospace !important;
}
/* 🌟 레트로 마스터 테마 컬러 시스템 변수 */
.theme-green {
--tui-color: #00ff00;
--tui-dim: #008800;
@@ -701,4 +702,22 @@ iframe { width: 100%; height: 180px; border-radius: 4px; }
}
.monitor-header { padding: 4px 10px; font-size: 10px; }
}
@keyframes blink { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } }
/* 🟢 [★완벽 교정] 모든 주요 타임라인 프레임에 color: var(--tui-color)를 강제 각인하여 테마 실시간 연동 보장 */
@keyframes once-cyber-glitch-wobble {
0%, 25% { transform: translate(0) scale(1) skewX(0deg); color: var(--tui-color); text-shadow: 0 0 8px var(--tui-glow); opacity: 1; }
26% { transform: translate(-3px, 1.5px) scale(1.02); color: #ffffff; text-shadow: 2px 0 #ff0000, -2px 0 #0000ff; }
27% { transform: translate(3px, -1.5px) skewX(-2deg); color: var(--tui-color); }
28% { transform: translate(-5px, 0) skewX(10deg); color: #ff00ff; text-shadow: -3px 0 magenta, 3px 0 cyan;}
29% { transform: translate(5px, 0) skewX(-10deg); color: #00ffff; text-shadow: 3px 0 magenta, -3px 0 cyan;}
30% { transform: translate(0); color: var(--tui-color); text-shadow: 0 0 15px var(--tui-color);}
31%, 50% { transform: translate(0); color: var(--tui-color); text-shadow: 0 0 8px var(--tui-glow); }
51% { transform: scale(1.05) skewY(1deg); color: #ffffff; opacity: 0.05; }
53% { opacity: 1; transform: translate(0); color: var(--tui-color); text-shadow: 0 0 20px var(--tui-color), 0 0 40px var(--tui-glow); }
90% { transform: translate(-2px, 1px); text-shadow: 2px 0 red, -2px 0 blue;}
92% { transform: translate(2px, -1px); text-shadow: -2px 0 red, 2px 0 blue;}
95% { transform: translate(0); color: var(--tui-color); text-shadow: 0 0 20px var(--tui-color); }
100% { transform: translate(0) scale(1) skewX(0deg); color: var(--tui-color); text-shadow: 0 0 15px var(--tui-color), 0 0 30px var(--tui-glow); opacity: 1; }
}
</style>