CN-JS-HuiBai/Media-Coding-Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改主体颜色

Browse Source
This commit is contained in:
CN-JS-HuiBai
2026-04-02 17:45:22 +08:00
parent edf39d0ae4
commit b333ab6162
1 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
public/css/style.css
View File

@@ -1,12 +1,12 @@
:root { :root {
--bg-dark: #0f172a; --bg-dark: #f8fafc;
--panel-bg: rgba(30, 41, 59, 0.7); --panel-bg: rgba(255, 255, 255, 0.9);
--panel-border: rgba(255, 255, 255, 0.1); --panel-border: rgba(148, 163, 184, 0.25);
--text-primary: #f8fafc; --text-primary: #0f172a;
--text-secondary: #94a3b8; --text-secondary: #475569;
--accent: #3b82f6; --accent: #2563eb;
--accent-hover: #2563eb; --accent-hover: #1d4ed8;
--accent-glow: rgba(59, 130, 246, 0.5); --accent-glow: rgba(59, 130, 246, 0.25);
--font-main: 'Inter', sans-serif; --font-main: 'Inter', sans-serif;
} }
@@ -126,7 +126,7 @@ header p {
border: 1px solid var(--panel-border); border: 1px solid var(--panel-border);
border-radius: 16px; border-radius: 16px;
padding: 1.5rem; padding: 1.5rem;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); box-shadow: 0 20px 40px rgba(148, 163, 184, 0.15);
} }
.section-header { .section-header {
@@ -207,8 +207,8 @@ header p {
.video-item { .video-item {
padding: 1rem; padding: 1rem;
border-radius: 12px; border-radius: 12px;
background: rgba(255, 255, 255, 0.05); background: #ffffff;
border: 1px solid transparent; border: 1px solid rgba(148, 163, 184, 0.2);
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
display: flex; display: flex;
@@ -218,7 +218,7 @@ header p {
} }
.video-item:hover { .video-item:hover {
background: rgba(255, 255, 255, 0.1); background: #f1f5f9;
transform: translateY(-2px); transform: translateY(-2px);
} }
@@ -232,7 +232,7 @@ header p {
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 8px; border-radius: 8px;
background: linear-gradient(135deg, #1e293b, #334155); background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -281,8 +281,8 @@ header p {
.folder-header { .folder-header {
padding: 1rem; padding: 1rem;
border-radius: 12px; border-radius: 12px;
background: rgba(255, 255, 255, 0.05); background: #ffffff;
border: 1px solid transparent; border: 1px solid rgba(148, 163, 184, 0.2);
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
display: flex; display: flex;
@@ -292,18 +292,18 @@ header p {
} }
.folder-header:hover { .folder-header:hover {
background: rgba(255, 255, 255, 0.1); background: #f1f5f9;
} }
.folder-icon { .folder-icon {
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 8px; border-radius: 8px;
background: linear-gradient(135deg, #1e293b, #334155); background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: #8b5cf6; color: var(--accent);
} }
.folder-title { .folder-title {
@@ -344,10 +344,10 @@ header p {
position: relative; position: relative;
width: 100%; width: 100%;
aspect-ratio: 16/9; aspect-ratio: 16/9;
background: #000; background: #111827;
border-radius: 12px; border-radius: 12px;
overflow: hidden; overflow: hidden;
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8); box-shadow: inset 0 0 20px rgba(148, 163, 184, 0.2);
} }
#video-player { #video-player {
@@ -364,8 +364,8 @@ header p {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: rgba(0, 0, 0, 0.7); background: rgba(255, 255, 255, 0.9);
color: white; color: var(--text-primary);
text-align: center; text-align: center;
padding: 2rem; padding: 2rem;
z-index: 10; z-index: 10;