From 2e3ff1e79f959ce51fd894f320f4b40503477476 Mon Sep 17 00:00:00 2001 From: oasis-bot Date: Mon, 19 Oct 2026 02:17:12 +0200 Subject: [PATCH] tema Acampada: letra y botones mas grandes Lanzador (iconos de 64px, etiquetas de 13px en negrita que solo parten entre palabras), barra de abajo, fichas de filtro de 46px, iconos de las tarjetas de 44px, reacciones del chat, formularios y textos de cabecera. --- src/client/assets/styles/hive_acampada.css | 37 +++++++++++++++++++++- 1 file changed, 36 insertions(+), 1 deletion(-) diff --git a/src/client/assets/styles/hive_acampada.css b/src/client/assets/styles/hive_acampada.css index 7ee8a82..086235c 100644 --- a/src/client/assets/styles/hive_acampada.css +++ b/src/client/assets/styles/hive_acampada.css @@ -1,6 +1,6 @@ /* Lanzador, barras, tarjetas e identidades con el tema Acampada (rama movil). * - * OasisMobile.css (importado por themes/Acampada.css) esta pensado para fondo + * OasisMobile.css (cargado antes que themes/Acampada.css) esta pensado para fondo * oscuro; esta hoja va detras del tema, solo con Acampada, y cambia lo que alli * es amarillo sobre negro por negro sobre blanco con el cian neon de * acampada26s.net. Las variables --a26-* las define themes/Acampada.css. */ @@ -548,3 +548,38 @@ label.welcome-ux-option:has(input:checked) { background: var(--a26-neon) !import .chat-quote-author, .chat-quote-author a, .chat-quote-text, .chat-replying-label, .chat-reply-cancel, .chat-message-meta .chat-reply-btn { color: var(--a26-fg) !important; } .chat-replying-to { background: #e5fcff !important; border-left: 3px solid var(--a26-fg) !important; } + +/* ---------- skins y workflows en Ajustes ---------- */ +.skin-card, .workflow-card { + background: var(--a26-bg) !important; color: var(--a26-fg) !important; + border: var(--a26-bd) !important; border-radius: var(--a26-radius) !important; + box-shadow: 0 5px 0 var(--a26-fg) !important; +} +.skin-card .skin-shot { border: var(--a26-bd-fino); } +.skin-card .skin-name, .workflow-card { + font-family: var(--a26-tit) !important; font-weight: 400 !important; + text-transform: uppercase; letter-spacing: .02em; font-size: 21px !important; +} +.skin-card.is-current, .workflow-card.is-current { background: var(--a26-neon) !important; color: var(--a26-fg) !important; border: var(--a26-bd) !important; } +.skin-card:active, .workflow-card:active { transform: translateY(4px); box-shadow: 0 1px 0 var(--a26-fg) !important; background: var(--a26-neon) !important; } + +/* ---------- letra y botones mas grandes, para leer sin gafas ---------- */ +body { font-size: 18px; } +.ln-ico { width: 64px !important; height: 64px !important; font-size: 28px !important; } +.ln-lbl { font-size: 13px !important; font-weight: 700 !important; white-space: normal !important; overflow-wrap: normal !important; word-break: normal !important; line-height: 1.15 !important; letter-spacing: -.02em; overflow: visible !important; text-overflow: clip !important; max-width: calc(100% + 10px) !important; } +.ln-title { font-size: 20px !important; } +.ln-grid { gap: 20px 8px !important; } +.oasis-bottombar .bb-ico { font-size: 25px !important; } +.oasis-bottombar .bb-lbl { font-size: 12.5px !important; font-weight: 700 !important; } +.main-column :is(.tribe-mode-buttons, .mode-buttons, .mode-buttons-row, .filter-group) .filter-btn:not(.create-button) { + font-size: 18px !important; min-height: 46px !important; padding: 6px 16px !important; +} +.activity-chip { font-size: 16px !important; padding: 6px 12px !important; } +.main-column .content-actions .btn-singleview { width: 44px !important; height: 44px !important; min-width: 44px !important; } +.btn-singleview .btn-icon { width: 22px !important; height: 22px !important; } +.main-column button.chat-react-btn, button.chat-react-btn { font-size: 17px !important; padding: 3px 10px !important; } +.oasis-mobile-topbar .omt-menus .oasis-menu-btn { font-size: 22px !important; min-height: 48px !important; } +.tags-header p { font-size: 16px !important; } +.card-footer .date-link, .card-footer a.user-link, a.user-link, .date-link { font-size: 15px !important; } +.karvan-room-item { font-size: 21px !important; min-height: 60px !important; } +input, textarea, select { font-size: 18px !important; min-height: 50px; }