7e9d12e640
Refonte complete du rice. Palette 100% originale (Mitsuri Kanroji inspired), zero emprunt Dracula/Catppuccin. 50 fichiers, 3200+ lignes. Palette v2: - palette.sh source de verite unique (dark + light) - 5 accents (magenta, lilac, mitsuri, lavande, champagne) - 4 semantiques derivees, 4 niveaux texte, 6 fonds - Gradient signature: magenta → lilac → lavande → mitsuri - Variante Light: fonds lavande, accents assombris WCAG Terminal: - kitty (remplace COSMIC Term comme principal) - Maple Mono NF (cursive italics, ligatures) - Cursor trail magenta, splits/layouts tiling, undercurl - Vi-mode zsh avec cursor shape adaptatif Shell: - starship 3 lignes (palette nommee, brain_name, battery, sudo) - zshrc v2 (nouveaux outils, fzf pimp, shell functions, vi-mode) - Commandes custom: proj, glog, fkill, colors, hotkeys, weather, y Desktop: - AGS config (bar 3-pills, OSD gradient, launcher, notifications) - COSMIC Dark + Light v2 (7 fichiers RON chacun) - COSMIC Term v2 (color schemes dark/light, Maple Mono NF) - GTK3/GTK4 dark + light css - Vivaldi theme v2 Outils: - +kitty +dust +procs +tokei +sd +hyperfine +gping +Maple Mono NF - Propagation palette sur: bat, btop, cava, yazi, lazygit, rofi, delta, fastfetch, atuin, ls-colors, vivaldi - Claude Code statusline brain-aware Docs: - README v2 complet (palette, structure, raccourcis, commandes) - help.md v2 (reference exhaustive)
386 lines
12 KiB
CSS
386 lines
12 KiB
CSS
/* ── violet-chaton v2 — AGS stylesheet ────────────────────────────────────────
|
|
*
|
|
* Palette :
|
|
* crust #1a0e27
|
|
* base #261537
|
|
* mantle #341c4a
|
|
* surface0 #3d2454
|
|
* surface1 #493161
|
|
* surface2 #5a3875
|
|
* magenta #ff4da6 accent primaire
|
|
* lilac #c9a0ff accent secondaire
|
|
* mitsuri #9adba8 vert pastel
|
|
* lavande #a4b4ff bleu-violet
|
|
* champagne #e8c87a or chaud
|
|
* danger #f25c7a
|
|
* text #f0eaf8
|
|
* subtext1 #c4b8d4
|
|
* subtext0 #9a8fad
|
|
* muted #716686
|
|
*
|
|
* ─────────────────────────────────────────────────────────────────────────── */
|
|
|
|
/* ── Reset ───────────────────────────────────────────────────────────────── */
|
|
|
|
* {
|
|
font-family: "Maple Mono NF", "MapleMono Nerd Font", monospace;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* ══════════════════════════════════════════════════════════════════════════
|
|
* BAR — 3 pills glassmorphism (island floating)
|
|
* ══════════════════════════════════════════════════════════════════════════ */
|
|
|
|
.bar {
|
|
background: transparent;
|
|
}
|
|
|
|
.bar .modules-left,
|
|
.bar .modules-center,
|
|
.bar .modules-right {
|
|
background: alpha(#261537, 0.88);
|
|
border-radius: 14px;
|
|
border: 3px solid alpha(#ff4da6, 0.60);
|
|
margin: 8px 4px;
|
|
padding: 0 4px;
|
|
}
|
|
|
|
.bar .modules-left:hover,
|
|
.bar .modules-center:hover,
|
|
.bar .modules-right:hover {
|
|
border-color: #ff4da6;
|
|
box-shadow: 0 4px 28px alpha(#c9a0ff, 0.18);
|
|
}
|
|
|
|
/* ── Launcher button ─────────────────────────────────────────────────────── */
|
|
|
|
.bar .launcher-btn {
|
|
color: #ff4da6;
|
|
font-size: 19px;
|
|
padding: 0 14px 0 18px;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
.bar .launcher-btn:hover {
|
|
color: #c9a0ff;
|
|
}
|
|
|
|
/* ── Separator ───────────────────────────────────────────────────────────── */
|
|
|
|
.bar .separator {
|
|
color: alpha(#f0eaf8, 0.12);
|
|
font-size: 11px;
|
|
padding: 0 4px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* ── Clock ───────────────────────────────────────────────────────────────── */
|
|
|
|
.bar .clock {
|
|
color: #ff4da6;
|
|
font-weight: 900;
|
|
font-size: 14px;
|
|
letter-spacing: 0.04em;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.bar .clock:hover {
|
|
color: #c9a0ff;
|
|
}
|
|
|
|
/* ── Date ────────────────────────────────────────────────────────────────── */
|
|
|
|
.bar .date {
|
|
color: #a4b4ff;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
padding: 0 10px 0 2px;
|
|
}
|
|
|
|
/* ── System modules ──────────────────────────────────────────────────────── */
|
|
|
|
.bar .cpu { color: #a4b4ff; }
|
|
.bar .cpu.warning { color: #e8c87a; }
|
|
.bar .cpu.critical { color: #f25c7a; }
|
|
|
|
.bar .ram { color: #ff4da6; }
|
|
.bar .ram.warning { color: #e8c87a; }
|
|
.bar .ram.critical { color: #f25c7a; }
|
|
|
|
.bar .temp {
|
|
color: alpha(#a4b4ff, 0.60);
|
|
font-size: 11px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.bar .temp.warning { color: #e8c87a; }
|
|
.bar .temp.critical { color: #f25c7a; }
|
|
|
|
/* ── Network ─────────────────────────────────────────────────────────────── */
|
|
|
|
.bar .network {
|
|
color: #a4b4ff;
|
|
font-size: 11px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.bar .network.disconnected { color: #f25c7a; }
|
|
.bar .network.wifi { color: alpha(#a4b4ff, 0.80); }
|
|
|
|
/* ── Volume ──────────────────────────────────────────────────────────────── */
|
|
|
|
.bar .volume { color: #ff4da6; }
|
|
.bar .volume.muted { color: alpha(#ff4da6, 0.30); }
|
|
|
|
/* ── Battery ─────────────────────────────────────────────────────────────── */
|
|
|
|
.bar .battery { color: #ff4da6; }
|
|
.bar .battery.charging { color: #9adba8; }
|
|
.bar .battery.low { color: #f25c7a; }
|
|
.bar .battery.warning { color: #e8c87a; }
|
|
|
|
/* ── Media (MPRIS) ───────────────────────────────────────────────────────── */
|
|
|
|
.bar .media {
|
|
color: #c9a0ff;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.bar .media.paused {
|
|
color: alpha(#c9a0ff, 0.50);
|
|
font-style: italic;
|
|
}
|
|
|
|
/* ── Systray ─────────────────────────────────────────────────────────────── */
|
|
|
|
.bar .systray { padding: 0 8px; }
|
|
.bar .systray .passive { opacity: 0.5; }
|
|
|
|
/* ── Workspaces (Hyprland only) ──────────────────────────────────────────── */
|
|
|
|
.bar .workspaces button {
|
|
background: transparent;
|
|
color: #716686;
|
|
min-width: 24px;
|
|
min-height: 24px;
|
|
border-radius: 8px;
|
|
margin: 2px;
|
|
padding: 0;
|
|
}
|
|
|
|
.bar .workspaces button.active {
|
|
background: alpha(#ff4da6, 0.20);
|
|
color: #ff4da6;
|
|
border: 1px solid alpha(#ff4da6, 0.40);
|
|
}
|
|
|
|
.bar .workspaces button.occupied {
|
|
color: #c9a0ff;
|
|
}
|
|
|
|
.bar .workspaces button:hover {
|
|
background: alpha(#c9a0ff, 0.12);
|
|
color: #c9a0ff;
|
|
}
|
|
|
|
/* ── Power button ────────────────────────────────────────────────────────── */
|
|
|
|
.bar .power-btn {
|
|
color: #f25c7a;
|
|
font-size: 15px;
|
|
padding: 0 14px 0 8px;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
.bar .power-btn:hover { color: #ff4da6; }
|
|
|
|
/* ── Hover global modules ────────────────────────────────────────────────── */
|
|
|
|
.bar .cpu:hover,
|
|
.bar .ram:hover,
|
|
.bar .temp:hover,
|
|
.bar .network:hover,
|
|
.bar .volume:hover,
|
|
.bar .battery:hover {
|
|
color: #c9a0ff;
|
|
}
|
|
|
|
/* ══════════════════════════════════════════════════════════════════════════
|
|
* OSD — volume / brightness overlay
|
|
* ══════════════════════════════════════════════════════════════════════════ */
|
|
|
|
.osd {
|
|
background: alpha(#261537, 0.92);
|
|
border-radius: 14px;
|
|
border: 2px solid alpha(#ff4da6, 0.40);
|
|
padding: 12px 20px;
|
|
margin: 0 0 40px 0;
|
|
}
|
|
|
|
.osd .icon {
|
|
color: #ff4da6;
|
|
font-size: 24px;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.osd progressbar trough {
|
|
background: #3d2454;
|
|
border-radius: 8px;
|
|
min-height: 8px;
|
|
min-width: 200px;
|
|
}
|
|
|
|
.osd progressbar progress {
|
|
border-radius: 8px;
|
|
min-height: 8px;
|
|
background: linear-gradient(to right, #ff4da6, #c9a0ff, #a4b4ff, #9adba8);
|
|
}
|
|
|
|
.osd .label {
|
|
color: #f0eaf8;
|
|
font-size: 12px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
/* ══════════════════════════════════════════════════════════════════════════
|
|
* LAUNCHER — app search
|
|
* ══════════════════════════════════════════════════════════════════════════ */
|
|
|
|
.launcher {
|
|
background: alpha(#1a0e27, 0.94);
|
|
border-radius: 14px;
|
|
border: 2px solid alpha(#ff4da6, 0.38);
|
|
padding: 10px;
|
|
min-width: 500px;
|
|
}
|
|
|
|
.launcher .search {
|
|
background: alpha(#261537, 0.75);
|
|
border-radius: 12px;
|
|
border: 1px solid alpha(#5a3875, 0.50);
|
|
padding: 9px 14px;
|
|
color: #f0eaf8;
|
|
caret-color: #ff4da6;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.launcher .search:focus {
|
|
border-color: alpha(#ff4da6, 0.60);
|
|
}
|
|
|
|
.launcher .app-item {
|
|
background: transparent;
|
|
border-radius: 8px;
|
|
padding: 7px 10px;
|
|
color: #f0eaf8;
|
|
}
|
|
|
|
.launcher .app-item:hover,
|
|
.launcher .app-item:focus {
|
|
background: alpha(#ff4da6, 0.16);
|
|
border: 1px solid alpha(#ff4da6, 0.32);
|
|
}
|
|
|
|
.launcher .app-item:hover label,
|
|
.launcher .app-item:focus label {
|
|
color: #ff4da6;
|
|
}
|
|
|
|
.launcher .app-item image {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.launcher .no-results {
|
|
color: #716686;
|
|
padding: 20px;
|
|
}
|
|
|
|
/* ══════════════════════════════════════════════════════════════════════════
|
|
* NOTIFICATIONS
|
|
* ══════════════════════════════════════════════════════════════════════════ */
|
|
|
|
.notification {
|
|
background: alpha(#261537, 0.94);
|
|
border-radius: 14px;
|
|
border: 2px solid alpha(#c9a0ff, 0.30);
|
|
padding: 12px;
|
|
margin: 8px;
|
|
min-width: 350px;
|
|
}
|
|
|
|
.notification .title {
|
|
color: #ff4da6;
|
|
font-weight: bold;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.notification .body {
|
|
color: #c4b8d4;
|
|
font-weight: normal;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.notification .app-name {
|
|
color: #716686;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.notification .time {
|
|
color: #716686;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.notification .close-btn {
|
|
color: #716686;
|
|
font-size: 14px;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
padding: 2px 6px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.notification .close-btn:hover {
|
|
color: #f25c7a;
|
|
background: alpha(#f25c7a, 0.12);
|
|
}
|
|
|
|
.notification .actions button {
|
|
background: alpha(#5a3875, 0.50);
|
|
color: #c9a0ff;
|
|
border-radius: 8px;
|
|
padding: 4px 12px;
|
|
margin: 4px 4px 0 0;
|
|
}
|
|
|
|
.notification .actions button:hover {
|
|
background: alpha(#ff4da6, 0.20);
|
|
color: #ff4da6;
|
|
}
|
|
|
|
/* ── Urgency levels ──────────────────────────────────────────────────────── */
|
|
|
|
.notification.critical {
|
|
border-color: alpha(#f25c7a, 0.60);
|
|
}
|
|
|
|
.notification.critical .title {
|
|
color: #f25c7a;
|
|
}
|
|
|
|
/* ══════════════════════════════════════════════════════════════════════════
|
|
* TOOLTIP — shared
|
|
* ══════════════════════════════════════════════════════════════════════════ */
|
|
|
|
tooltip {
|
|
background: alpha(#1a0e27, 0.96);
|
|
border: 1px solid alpha(#ff4da6, 0.30);
|
|
border-radius: 10px;
|
|
color: #f0eaf8;
|
|
padding: 6px 10px;
|
|
}
|