hacklab/OASIS_MOBILE
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions 1

tema Acampada: letra y botones mas grandes

Browse source 
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.
This commit is contained in:
oasis-bot 2026-10-19 02:17:12 +02:00
parent 0baf85faa9
commit 2e3ff1e79f
1 changed files with 36 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/client/assets/styles/hive_acampada.css
View file

@ -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; }