mirror of
https://github.com/nunocoracao/blowfish.git
synced 2026-01-30 15:31:52 +00:00
feat(tailwind): enable default colors
This commit is contained in:
@@ -1842,6 +1842,9 @@ body.zen-mode-enable {
|
|||||||
.bg-\[\#6d6d6d\] {
|
.bg-\[\#6d6d6d\] {
|
||||||
background-color: #6d6d6d;
|
background-color: #6d6d6d;
|
||||||
}
|
}
|
||||||
|
.bg-black {
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
.bg-neutral {
|
.bg-neutral {
|
||||||
background-color: rgba(var(--color-neutral), 1);
|
background-color: rgba(var(--color-neutral), 1);
|
||||||
}
|
}
|
||||||
@@ -1887,6 +1890,9 @@ body.zen-mode-enable {
|
|||||||
.bg-transparent {
|
.bg-transparent {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
.bg-white {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
.bg-gradient-to-b {
|
.bg-gradient-to-b {
|
||||||
--tw-gradient-position: to bottom in oklab;
|
--tw-gradient-position: to bottom in oklab;
|
||||||
background-image: linear-gradient(var(--tw-gradient-stops));
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
||||||
@@ -2258,6 +2264,9 @@ body.zen-mode-enable {
|
|||||||
.text-transparent {
|
.text-transparent {
|
||||||
color: transparent;
|
color: transparent;
|
||||||
}
|
}
|
||||||
|
.text-white {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
.capitalize {
|
.capitalize {
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
}
|
}
|
||||||
@@ -2547,11 +2556,24 @@ body.zen-mode-enable {
|
|||||||
border-style: solid;
|
border-style: solid;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.group-data-\[twe-input-focused\]\:border-white {
|
||||||
|
&:is(:where(.group)[data-twe-input-focused] *) {
|
||||||
|
border-color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
.group-data-\[twe-input-focused\]\:border-t-transparent {
|
.group-data-\[twe-input-focused\]\:border-t-transparent {
|
||||||
&:is(:where(.group)[data-twe-input-focused] *) {
|
&:is(:where(.group)[data-twe-input-focused] *) {
|
||||||
border-top-color: transparent;
|
border-top-color: transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.group-data-\[twe-input-focused\]\:shadow-white {
|
||||||
|
&:is(:where(.group)[data-twe-input-focused] *) {
|
||||||
|
--tw-shadow-color: #fff;
|
||||||
|
@supports (color: color-mix(in lab, red, red)) {
|
||||||
|
--tw-shadow-color: color-mix(in oklab, #fff var(--tw-shadow-alpha), transparent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.group-data-\[twe-input-state-active\]\:border-x-0 {
|
.group-data-\[twe-input-state-active\]\:border-x-0 {
|
||||||
&:is(:where(.group)[data-twe-input-state-active] *) {
|
&:is(:where(.group)[data-twe-input-state-active] *) {
|
||||||
border-inline-style: var(--tw-border-style);
|
border-inline-style: var(--tw-border-style);
|
||||||
@@ -3377,6 +3399,11 @@ body.zen-mode-enable {
|
|||||||
border-color: rgba(var(--color-primary-600), 1);
|
border-color: rgba(var(--color-primary-600), 1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.dark\:border-white\/10 {
|
||||||
|
&:is(.dark *) {
|
||||||
|
border-color: color-mix(in oklab, #fff 10%, transparent);
|
||||||
|
}
|
||||||
|
}
|
||||||
.dark\:prose-invert {
|
.dark\:prose-invert {
|
||||||
&:is(.dark *) {
|
&:is(.dark *) {
|
||||||
--tw-prose-body: var(--tw-prose-invert-body);
|
--tw-prose-body: var(--tw-prose-invert-body);
|
||||||
@@ -3551,6 +3578,11 @@ body.zen-mode-enable {
|
|||||||
color: rgba(var(--color-primary-400), 1);
|
color: rgba(var(--color-primary-400), 1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.dark\:text-white {
|
||||||
|
&:is(.dark *) {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
.dark\:opacity-60 {
|
.dark\:opacity-60 {
|
||||||
&:is(.dark *) {
|
&:is(.dark *) {
|
||||||
opacity: 60%;
|
opacity: 60%;
|
||||||
|
|||||||
@@ -16,6 +16,7 @@ module.exports = {
|
|||||||
"2xl": "1536px",
|
"2xl": "1536px",
|
||||||
},
|
},
|
||||||
colors: {
|
colors: {
|
||||||
|
...require('tailwindcss/colors'),
|
||||||
transparent: "transparent",
|
transparent: "transparent",
|
||||||
neutral: {
|
neutral: {
|
||||||
DEFAULT: "rgba(var(--color-neutral), <alpha-value>)",
|
DEFAULT: "rgba(var(--color-neutral), <alpha-value>)",
|
||||||
|
|||||||
Reference in New Issue
Block a user