grecia/docs/es/customization/css.md

Estilos con CSS

Si quieres cambiar algun selector CSS (de las hojas de estilo) puedes hacerlo en el fichero app/assets/stylesheets/custom.scss. Por ejemplo si quieres cambiar el color del header (.top-links) puedes hacerlo agregando:

.top-links {
  background: red;
}

Si quieres cambiar alguna variable de foundation puedes hacerlo en el fichero app/assets/stylesheets/_custom_settings.scss. Por ejemplo para cambiar el color general de la aplicación puedes hacerlo agregando:

$brand:             #446336;

Usamos un preprocesador de CSS, SASS, con la sintaxis SCSS.

Además puedes comprobar la sintaxis de tus ficheros scss con:

scss-lint

Accesibilidad

Para mantener el nivel de accesibilidad, si añades colores nuevos utiliza un Comprobador de contraste de color (WCAG AA es obligatorio, WCAG AAA es recomendable)