Skip to content

Reemplazar text-muted por text-slate-600 dark:text-slate-400 (Tailwind) #2

@NeftaliYagua

Description

@NeftaliYagua

Objetivo

La utilidad .text-muted en theme.source.css mapea a var(--text-muted). Alinear con el patrón de la documentación de Tailwind usando utilidades explícitas de escala slate + variante dark:, equivalentes a los valores ya definidos en head.html (slate-600 / slate-400).

Cambios propuestos

  1. Sustituir text-muted por text-slate-600 dark:text-slate-400 en:
    • _includes/header.html, _includes/subnav.html, _includes/footer.html (solo enlaces/copy; no tocar colores del logo/wordmark SVG).
    • Plantillas del tema: callback.html, hello-world.html, profile.html, demos, docs, includes console/dashboard, etc.
  2. Scripts que hagan classList.remove(\text-muted`)deben usarremove(`text-slate-600`, `dark:text-slate-400`)`.
  3. Opcional: redefinir .text-muted en theme.source.css como @apply text-slate-600 dark:text-slate-400 para compatibilidad, o deprecar tras migración.

Referencia

Sitio coderic.com ya migrado en el monorepo local; mismo criterio para el tema.

Verificación

bundle exec jekyll build en un sitio consumidor; contraste claro/oscuro en header y párrafos secundarios.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions