color: inherit; text-decoration: none; } @import 'tailwindcss/base'; @import 'tailwindcss/components'; @import 'tailwindcss/utilities'; @tailwind base; @tailwind components; @tailwind utilities; @media (prefers-color-scheme: dark) { html { 16 changes: 16 additions & 0 deletions 16 tailwind...
exports = { theme: { fontSize: { 'xs': '0.75rem', 'sm': '0.875rem', 'base': '1rem', 'lg': '1.125rem', 'xl': '1.25rem', '2xl': '1.5rem', '3xl': '1.875rem', '4xl': '2.25rem', '5xl': '3rem', }, borderColor: { 'primary': '#4a90e2', 'secondary': '#d0021...
color="primary" onPress={() => { setAuthCode(codeValue); navigate('/'); }} > 确认 </Button> ); }; export default LoginPage; 17 changes: 17 additions & 0 deletions 17 apps/web/src/provider/theme.tsx Show comments View file Edit file Delete file This file contains bidirectiona...
html{color:var(--primary-color);} Step 3 - add a new theme: :root.other-theme{--primary-color:#8f9bb3;} If you cannot useCSS Custom Properties, you will have to write a few cycles on SASS. You can’t call this task a piece of cake, but we’ll manage to complete it. ...
; color: ...; } .dark .btn.primary { background-color: ...; color: ...; } ... ... Doing this doubles the size of your CSS Stylesheet. What is the solution to reduce the size of the stylesheet??? Here comes the Superman of CSS. CSS variables(CSS custom properties)!!!
Changes in this PR: Hold off render of theme svg until mounted Added<Blank />svg as placeholder until mounted Navigation links hover intailwindprimary color ThemeSwitch menu item hover with{ active } Use same highlighting as the current<SearchButton /> ...
30 changes: 30 additions & 0 deletions 30 packages/blog-starter-kit/themes/enterprise/tailwind.config.js @@ -13,6 +13,36 @@ module.exports = { cyan: '#79FFE1', primary: colors.blue, }, typography: () => ({ DEFAULT: { css: { 'div[data-node-type="callout"]': { display: ...
`tailwind.config.js` has been updated to use tailwind typography defaults where possible and to use the built-in support for dark mode via the `prose-invert` class. This replaces the previous `prose-dark` class and configuration. The primary theme color is updated from `teal` to `pink`...
https://javisperez.github.io/tailwindcolorshades/ https://tailwind-color-picker.jessarcher.com https://www.tints.dev/ (HN) Special usecases: Mix colors in pure CSS https://css-tricks.com/mixing-colors-in-pure-css/ HSLuv color space is preferable to HSL. Palette generator why not hsl...
  ![Tailwind](https://img.shields.io/badge/Tailwind_...