ItsSkaiya/WaifuBoard
3
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 8 Wiki Activity

finished optimizing css

Browse Source
This commit is contained in:
lenafx
2025-12-09 16:51:32 +01:00
parent 4d3e258b06
commit bc1cf7b5e9
21 changed files with 130 additions and 316 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
views/css/marketplace.css
View File

@@ -5,7 +5,7 @@
.marketplace-subtitle {
font-size: 1.1rem;
color: var(--text-secondary);
color: var(--color-text-secondary);
}
.filter-controls {
@@ -16,15 +16,15 @@
.filter-label {
font-size: 0.9rem;
color: var(--text-secondary);
color: var(--color-text-secondary);
font-weight: 600;
}
.filter-select {
padding: 0.6rem 2rem 0.6rem 1.25rem;
border-radius: 999px;
background: var(--bg-surface-hover);
color: var(--text-primary);
background: var(--color-bg-elevated-hover);
color: var(--color-text-primary);
border: 1px solid rgba(255,255,255,0.1);
appearance: none;
font-weight: 600;
@@ -38,8 +38,8 @@
}
.filter-select:hover {
border-color: var(--accent);
box-shadow: 0 0 8px var(--accent-glow);
border-color: var(--color-primary);
box-shadow: 0 0 8px var(--color-primary-glow);
}
.marketplace-grid {
@@ -65,7 +65,7 @@
}
.extension-card:hover {
background: var(--bg-surface-hover);
background: var(--color-bg-elevated-hover);
transform: translateY(-4px);
box-shadow: 0 8px 25px rgba(0,0,0,0.5);
}
@@ -81,17 +81,17 @@
border-radius: 8px;
object-fit: contain;
margin-bottom: 0.75rem;
border: 2px solid var(--accent);
background-color: var(--bg-base);
border: 2px solid var(--color-primary);
background-color: var(--color-bg-base);
flex-shrink: 0;
box-shadow: 0 0 10px var(--accent-glow);
box-shadow: 0 0 10px var(--color-primary-glow);
}
.extension-name {
font-size: 1.1rem;
font-weight: 700;
margin: 0;
color: var(--text-primary);
color: var(--color-text-primary);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@@ -135,13 +135,13 @@
}
.btn-install {
background: var(--accent);
background: var(--color-primary);
color: white;
}
.btn-install:hover {
background: #a78bfa;
transform: scale(1.02);
box-shadow: 0 0 15px var(--accent-glow);
box-shadow: 0 0 15px var(--color-primary-glow);
}
.btn-uninstall {
@@ -196,7 +196,7 @@
.section-title {
font-size: 1.8rem;
font-weight: 800;
color: var(--text-primary);
color: var(--color-text-primary);
}
.modal-overlay {
@@ -223,12 +223,12 @@
.modal-content {
background: var(--bg-surface);
color: var(--text-primary);
color: var(--color-text-primary);
padding: 2.5rem;
border-radius: var(--radius-lg);
width: 90%;
max-width: 450px;
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.8), 0 0 20px var(--accent-glow);
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.8), 0 0 20px var(--color-primary-glow);
border: 1px solid rgba(255,255,255,0.1);
transform: translateY(-50px);
transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.3s ease-in-out;
@@ -244,7 +244,7 @@
font-size: 1.6rem;
font-weight: 800;
margin-top: 0;
color: var(--accent);
color: var(--color-primary);
border-bottom: 2px solid rgba(255,255,255,0.05);
padding-bottom: 0.75rem;
margin-bottom: 1.5rem;
@@ -253,7 +253,7 @@
#modalMessage {
font-size: 1rem;
line-height: 1.6;
color: var(--text-secondary);
color: var(--color-text-secondary);
margin-bottom: 2rem;
}
@@ -277,7 +277,7 @@
}
.modal-button.btn-install {
background: var(--accent);
background: var(--color-primary);
color: white;
}
.modal-button.btn-install:hover {