PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-05-06 19:19:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix serve recipe: filter output to Development Server start + [200] requests only

Browse Source 
refactor: unify CSS color variables across public and admin

- Replace old variable structure with new standardized naming:
  - Background: --bg-primary, --bg-secondary, --bg-tertiary, --bg-active
  - Text: --text-primary, --text-secondary, --text-tertiary
  - Border: --border-primary, --border-secondary
  - Status: --success, --error, --warning
  - Accent: --accent-primary, --accent-secondary, --accent-foreground, --accent-muted
- Remove admin-specific color variables (--admin-*)
- Update all CSS files to use shared variables:
  - variables.css, common.css, main.css, admin.css
  - tfe.css, search.css, apropos.css, system.css, colors.css
This commit is contained in:
Pontoporeia
2026-04-02 14:11:11 +02:00
parent ba7814c6dc
commit bf2594112b
15 changed files with 536 additions and 1656 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
public/assets/css/common.css
View File

@@ -1,23 +1,11 @@
@import url("./variables.css");
@font-face {
font-family: "police1";
src: url("../fonts/Combinedd.otf");
font-display: swap;
}
/* ============================================================
SHARED VARIABLES & RESET
============================================================ */
:root {
--purple: #9557b5;
--purple-dark: #7b3fa0;
--purple-light: rgba(149, 87, 181, 0.12);
--black: #111;
--white: #fff;
--grey-light: #f5f5f5;
--border-color: #ddd;
--text-muted: #666;
}
*,
*::before,
*::after {
@@ -35,8 +23,8 @@ body {
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
Arial, sans-serif;
background: var(--white);
color: var(--black);
background: var(--bg-primary);
color: var(--text-primary);
}
a {
@@ -53,14 +41,13 @@ a:hover {
============================================================ */
header {
flex-shrink: 0;
background: #3c856c;
background: linear-gradient(
180deg,
rgba(60, 133, 108, 1) 0%,
rgba(96, 236, 180, 1) 20%,
rgba(227, 144, 255, 1) 40%,
rgba(149, 87, 181, 1) 60%,
rgba(149, 87, 181, 1) 88%,
var(--gradient-start) 0%,
var(--gradient-2) 20%,
var(--gradient-3) 40%,
var(--gradient-4) 60%,
var(--gradient-4) 88%,
rgba(149, 87, 181, 0) 96%
);
}
@@ -77,7 +64,7 @@ header nav > a {
font-size: 0.95rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--white);
color: var(--accent-foreground);
text-decoration: none;
/* font-weight: 400; */
}
@@ -95,7 +82,7 @@ header nav ul a {
font-size: 0.85rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--white);
color: var(--accent-foreground);
text-decoration: none;
/* font-weight: 400; */
transition: opacity 0.15s;
@@ -119,33 +106,33 @@ header form[role="search"] {
align-items: center;
gap: 0.5rem;
padding: 0.25rem 1.5rem;
border: 1px solid #9557b5;
border: 1px solid var(--accent-primary);
border-radius: 8px;
background: var(--white);
background: var(--bg-primary);
flex-shrink: 0;
color: #9557b5;
color: var(--accent-primary);
}
header form[role="search"] svg {
color: var(--text-muted);
color: var(--text-tertiary);
flex-shrink: 0;
width: 16px;
height: 16px;
stroke: #9557b5;
stroke: var(--accent-primary);
}
header form[role="search"] input {
flex: 1;
border: none;
font-size: 0.95rem;
color: var(--black);
color: var(--text-primary);
background: transparent;
padding: 0.15rem 0;
font-family: inherit;
}
header form[role="search"] input::placeholder {
color: #9557b5;
color: var(--accent-primary);
}
/* ============================================================
@@ -172,8 +159,8 @@ header form[role="search"] input::placeholder {
left: 1rem;
z-index: 9999;
padding: 0.5rem 1rem;
background: var(--purple);
color: var(--white);
background: var(--accent-primary);
color: var(--text-primary);
font-size: 0.9rem;
font-weight: 600;
text-decoration: none;
@@ -186,7 +173,7 @@ header form[role="search"] input::placeholder {
/* Consistent keyboard-focus outline for all interactive elements */
:focus-visible {
outline: 2px solid var(--purple);
outline: 2px solid var(--accent-primary);
outline-offset: 2px;
}