106 lines
3.5 KiB
CSS
106 lines
3.5 KiB
CSS
/* ==========================================================
|
||
SOLAR NET HUB – GTK3 Theme (YAD)
|
||
========================================================== */
|
||
|
||
@define-color bg #000000;
|
||
@define-color fg #E6E6E6;
|
||
@define-color muted #9AA0A6;
|
||
@define-color accent #FF4E00; /* Naranja corporativo */
|
||
@define-color success #27D980; /* Verde OK */
|
||
@define-color field_bg #0B0B0B;
|
||
@define-color stroke #202020;
|
||
|
||
/* ---------- Tipografía / color global ---------- */
|
||
* {
|
||
color: @fg;
|
||
font-family: "Dune Rise", "Cantarell", "Ubuntu", "DejaVu Sans", sans-serif;
|
||
font-size: 12.1pt; /* un pelín más pequeño */
|
||
}
|
||
|
||
/* ---------- Fondos de contenedores ---------- */
|
||
window, dialog, grid, box, scrolledwindow, viewport { background-color: @bg; }
|
||
grid { padding: 11px 12px 14px 12px; } /* menos padding para que quepa más */
|
||
|
||
/* ---------- Evitar fondos dentro de textos/botones ---------- */
|
||
label, accellabel,
|
||
button label, button accellabel,
|
||
button * { background: transparent; background-color: transparent; }
|
||
|
||
/* ==========================================================
|
||
BOTONES: negro + borde/ texto naranja → hover VERDE + texto negro
|
||
========================================================== */
|
||
/* ==========================================================
|
||
CTAs (botones de acción) — versión compacta
|
||
========================================================== */
|
||
button {
|
||
background: @bg; /* fondo negro */
|
||
color: @accent; /* texto naranja */
|
||
border: 2px solid @accent; /* borde naranja */
|
||
border-radius: 10px;
|
||
padding: 5px 5px; /* ↓ padding */
|
||
font-weight: 200;
|
||
font-size: 5pt; /* ↓ tamaño de fuente */
|
||
letter-spacing: .2px;
|
||
min-width: 100px; /* ↓ ancho mínimo */
|
||
min-height: 20px; /* ↓ alto mínimo */
|
||
margin: 3px 6px; /* ↓ separación vertical */
|
||
}
|
||
|
||
/* Hover: botón verde y texto negro (como pediste) */
|
||
button:hover {
|
||
background-color: @success; /* verde */
|
||
color: #000; /* texto negro */
|
||
border-color: @success;
|
||
}
|
||
|
||
button:active {
|
||
background-color: shade(@success, 0.85);
|
||
color: #000;
|
||
border-color: shade(@success, 0.85);
|
||
}
|
||
|
||
button:disabled {
|
||
background-color: #101010;
|
||
color: #444;
|
||
border-color: #222;
|
||
}
|
||
|
||
/* Icono dentro del botón (si lo hay), más contenido y pequeño */
|
||
button image {
|
||
margin-right: 6px;
|
||
-gtk-icon-transform: scale(0.95);
|
||
}
|
||
|
||
/* ==========================================================
|
||
Entradas / listas (por si las usas)
|
||
========================================================== */
|
||
entry, spinbutton, combobox, textview, treeview {
|
||
background-color: @field_bg;
|
||
color: @fg;
|
||
border: 1px solid @stroke;
|
||
border-radius: 10px;
|
||
padding: 8px 10px;
|
||
}
|
||
entry:focus, spinbutton:focus, combobox:focus, textview:focus, treeview:focus {
|
||
border-color: @accent;
|
||
}
|
||
|
||
/* ==========================================================
|
||
Progreso YAD
|
||
========================================================== */
|
||
trough { background-color: #121212; border-radius: 6px; }
|
||
progressbar progress { background-color: @accent; border-radius: 6px; }
|
||
|
||
/* ==========================================================
|
||
Tooltips
|
||
========================================================== */
|
||
tooltip, tooltip * {
|
||
background-color: #111111;
|
||
color: @fg;
|
||
border: 1px solid @stroke;
|
||
border-radius: 8px;
|
||
padding: 6px 8px;
|
||
}
|
||
|
||
/* Labels sueltos dentro del grid con separación mínima */
|
||
grid label { margin: 3px 0 5px; }
|