datawareforge/web_src/css/themes/theme-dataware-auto.css

3 lines
130 B
CSS
Raw Permalink Normal View History

Adaptação Tema DATAWARE e Variantes de Acessibilidade / DATAWARE Theme Integration and Accessibility Variants Adaptação Completa do Tema DATAWARE e Criação de Variantes de Acessibilidade / Complete DATAWARE Theme Integration and Accessibility Variants **Português:** - Atualizado o tema padrão e a lista de temas em `modules/setting/ui.go`, alterando o default para `dataware-auto` e adicionando os novos nomes de temas. - Revisado o arquivo `base.css`: - Atualizadas as variáveis de tipografia para priorizar as fontes "Inter", "Fira Sans" e "Fira Mono" com os devidos fallbacks. - Aumentado o valor de `--border-radius-medium` de 6px para 8px para uma aparência mais moderna. - Criados e adaptados os novos arquivos de tema DATAWARE: - **`theme-dataware-auto.css`**: Implementa o auto-switch entre light e dark com base na preferência do usuário. - **`theme-dataware-dark.css`**: Redefinido com a nova paleta de cores para dark mode, utilizando o vermelho institucional (#C62848) como cor primária (com progressões de variações recalculadas) e o azul TI (#2E5A8D) como secundária. - **`theme-dataware-light.css`**: Aplicado o novo visual para light mode com a cor primária definida como #9E1B32 e demais variações alinhadas à identidade DATAWARE. - Criadas as variantes de acessibilidade para deficiências na percepção de cores: - **Dark mode**: - `theme-dataware-dark-deuteranopia-protanopia.css` - `theme-dataware-dark-tritanopia.css` - **Light mode**: - `theme-dataware-light-deuteranopia-protanopia.css` - `theme-dataware-light-tritanopia.css` Esses arquivos ajustam especificamente os backgrounds e bordas dos diffs (adicionados e removidos) e do código para favorecer usuários com deuteranopia/protanopia e tritanopia. - Atualizadas as cores de badges e outros componentes para refletir a nova identidade visual DATAWARE, garantindo consistência entre os modos claro e escuro. **English:** - Updated the default theme and theme list in `modules/setting/ui.go`, changing the default to `dataware-auto` and adding the new theme names. - Revised the `base.css` file: - Updated typography variables to prioritize "Inter", "Fira Sans", and "Fira Mono" with proper fallbacks. - Increased `--border-radius-medium` from 6px to 8px for a more modern appearance. - Created and adapted new DATAWARE theme files: - **`theme-dataware-auto.css`**: Implements auto-switch between light and dark modes based on user preference. - **`theme-dataware-dark.css`**: Redesigned with the new dark mode palette, using the institutional red (#C62848) as the primary color (with recalculated color variations) and TI blue (#2E5A8D) as the secondary. - **`theme-dataware-light.css`**: Applies the new visual for light mode with the primary color set to #9E1B32 and aligned variations according to the DATAWARE identity. - Created accessibility variants for color perception deficiencies: - **Dark mode**: - `theme-dataware-dark-deuteranopia-protanopia.css` - `theme-dataware-dark-tritanopia.css` - **Light mode**: - `theme-dataware-light-deuteranopia-protanopia.css` - `theme-dataware-light-tritanopia.css` These files specifically adjust diff backgrounds, borders, and code backgrounds to accommodate users with deuteranopia/protanopia and tritanopia. - Updated badge colors and various component styles to fully reflect the new DATAWARE visual identity across both light and dark themes. --- Este commit consolida todas as alterações necessárias para a personalização do Forge em DATAWARE Forge, garantindo a integração da nova paleta de cores, tipografia e suporte a acessibilidade. Marcos A. Lucas <mlucas@dataware.com.br>
2025-03-09 02:48:56 -03:00
@import "theme-dataware-light.css" (prefers-color-scheme: light);
@import "theme-dataware-dark.css" (prefers-color-scheme: dark);