correction des themes
This commit is contained in:
@@ -502,6 +502,13 @@
|
||||
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
||||
--default-font-family: var(--font-sans);
|
||||
--default-mono-font-family: var(--font-mono);
|
||||
--color-theme-bg: var(--theme-bg);
|
||||
--color-theme-panel: var(--theme-panel);
|
||||
--color-theme-text: var(--theme-text);
|
||||
--color-theme-muted: var(--theme-muted);
|
||||
--color-theme-border: var(--theme-border);
|
||||
--color-theme-editor-bg: var(--theme-editor-bg);
|
||||
--color-theme-editor-text: var(--theme-editor-text);
|
||||
}
|
||||
|
||||
@supports (color: lab(0% 0 0)) {
|
||||
@@ -1055,6 +1062,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
.-m-8 {
|
||||
margin: calc(var(--spacing) * -8);
|
||||
}
|
||||
|
||||
.m-1 {
|
||||
margin: calc(var(--spacing) * 1);
|
||||
}
|
||||
@@ -1119,6 +1130,10 @@
|
||||
margin-top: calc(var(--spacing) * 20);
|
||||
}
|
||||
|
||||
.mt-auto {
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
.mr-4 {
|
||||
margin-right: calc(var(--spacing) * 4);
|
||||
}
|
||||
@@ -1846,6 +1861,18 @@
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
.border-\[\#dfcdae\] {
|
||||
border-color: #dfcdae;
|
||||
}
|
||||
|
||||
.border-\[\#eaddc4\] {
|
||||
border-color: #eaddc4;
|
||||
}
|
||||
|
||||
.border-\[\#f4ecd8\] {
|
||||
border-color: #f4ecd8;
|
||||
}
|
||||
|
||||
.border-amber-100 {
|
||||
border-color: var(--color-amber-100);
|
||||
}
|
||||
@@ -1950,6 +1977,10 @@
|
||||
border-color: var(--color-slate-800);
|
||||
}
|
||||
|
||||
.border-theme-border {
|
||||
border-color: var(--color-theme-border);
|
||||
}
|
||||
|
||||
.border-transparent {
|
||||
border-color: #0000;
|
||||
}
|
||||
@@ -1962,6 +1993,14 @@
|
||||
border-color: var(--color-yellow-100);
|
||||
}
|
||||
|
||||
.bg-\[\#5c4731\] {
|
||||
background-color: #5c4731;
|
||||
}
|
||||
|
||||
.bg-\[\#eaddc4\] {
|
||||
background-color: #eaddc4;
|
||||
}
|
||||
|
||||
.bg-\[\#eef2ff\] {
|
||||
background-color: #eef2ff;
|
||||
}
|
||||
@@ -1970,6 +2009,10 @@
|
||||
background-color: #f4ecd8;
|
||||
}
|
||||
|
||||
.bg-\[\#fbf8f1\] {
|
||||
background-color: #fbf8f1;
|
||||
}
|
||||
|
||||
.bg-amber-50 {
|
||||
background-color: var(--color-amber-50);
|
||||
}
|
||||
@@ -2024,6 +2067,16 @@
|
||||
background-color: var(--color-blue-500);
|
||||
}
|
||||
|
||||
.bg-blue-500\/10 {
|
||||
background-color: #3080ff1a;
|
||||
}
|
||||
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
.bg-blue-500\/10 {
|
||||
background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
|
||||
}
|
||||
}
|
||||
|
||||
.bg-blue-600 {
|
||||
background-color: var(--color-blue-600);
|
||||
}
|
||||
@@ -2052,6 +2105,16 @@
|
||||
background-color: var(--color-green-500);
|
||||
}
|
||||
|
||||
.bg-green-500\/10 {
|
||||
background-color: #00c7581a;
|
||||
}
|
||||
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
.bg-green-500\/10 {
|
||||
background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
|
||||
}
|
||||
}
|
||||
|
||||
.bg-indigo-50 {
|
||||
background-color: var(--color-indigo-50);
|
||||
}
|
||||
@@ -2074,6 +2137,16 @@
|
||||
background-color: var(--color-indigo-500);
|
||||
}
|
||||
|
||||
.bg-indigo-500\/10 {
|
||||
background-color: #625fff1a;
|
||||
}
|
||||
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
.bg-indigo-500\/10 {
|
||||
background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
|
||||
}
|
||||
}
|
||||
|
||||
.bg-indigo-500\/20 {
|
||||
background-color: #625fff33;
|
||||
}
|
||||
@@ -2154,6 +2227,42 @@
|
||||
background-color: var(--color-slate-900);
|
||||
}
|
||||
|
||||
.bg-theme-bg {
|
||||
background-color: var(--color-theme-bg);
|
||||
}
|
||||
|
||||
.bg-theme-bg\/50 {
|
||||
background-color: var(--color-theme-bg);
|
||||
}
|
||||
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
.bg-theme-bg\/50 {
|
||||
background-color: color-mix(in oklab, var(--color-theme-bg) 50%, transparent);
|
||||
}
|
||||
}
|
||||
|
||||
.bg-theme-border {
|
||||
background-color: var(--color-theme-border);
|
||||
}
|
||||
|
||||
.bg-theme-editor-bg {
|
||||
background-color: var(--color-theme-editor-bg);
|
||||
}
|
||||
|
||||
.bg-theme-panel {
|
||||
background-color: var(--color-theme-panel);
|
||||
}
|
||||
|
||||
.bg-theme-panel\/50 {
|
||||
background-color: var(--color-theme-panel);
|
||||
}
|
||||
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
.bg-theme-panel\/50 {
|
||||
background-color: color-mix(in oklab, var(--color-theme-panel) 50%, transparent);
|
||||
}
|
||||
}
|
||||
|
||||
.bg-transparent {
|
||||
background-color: #0000;
|
||||
}
|
||||
@@ -2651,6 +2760,18 @@
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.text-\[\#735e44\] {
|
||||
color: #735e44;
|
||||
}
|
||||
|
||||
.text-\[\#332616\] {
|
||||
color: #332616;
|
||||
}
|
||||
|
||||
.text-\[\#433422\] {
|
||||
color: #433422;
|
||||
}
|
||||
|
||||
.text-amber-500 {
|
||||
color: var(--color-amber-500);
|
||||
}
|
||||
@@ -2791,6 +2912,18 @@
|
||||
color: var(--color-slate-900);
|
||||
}
|
||||
|
||||
.text-theme-editor-text {
|
||||
color: var(--color-theme-editor-text);
|
||||
}
|
||||
|
||||
.text-theme-muted {
|
||||
color: var(--color-theme-muted);
|
||||
}
|
||||
|
||||
.text-theme-text {
|
||||
color: var(--color-theme-text);
|
||||
}
|
||||
|
||||
.text-transparent {
|
||||
color: #0000;
|
||||
}
|
||||
@@ -2874,6 +3007,10 @@
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.opacity-90 {
|
||||
opacity: .9;
|
||||
}
|
||||
|
||||
.shadow-2xl {
|
||||
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
|
||||
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
||||
@@ -3161,6 +3298,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:border-\[\#cfbd9e\]:hover {
|
||||
border-color: #cfbd9e;
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:border-blue-200:hover {
|
||||
border-color: var(--color-blue-200);
|
||||
@@ -3203,6 +3346,18 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:border-slate-600:hover {
|
||||
border-color: var(--color-slate-600);
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:bg-\[\#eaddc4\]:hover {
|
||||
background-color: #eaddc4;
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:bg-amber-50:hover {
|
||||
background-color: var(--color-amber-50);
|
||||
@@ -3233,6 +3388,24 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:bg-blue-500:hover {
|
||||
background-color: var(--color-blue-500);
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:bg-blue-500\/10:hover {
|
||||
background-color: #3080ff1a;
|
||||
}
|
||||
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
.hover\:bg-blue-500\/10:hover {
|
||||
background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:bg-blue-600:hover {
|
||||
background-color: var(--color-blue-600);
|
||||
@@ -3269,6 +3442,18 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:bg-indigo-500\/10:hover {
|
||||
background-color: #625fff1a;
|
||||
}
|
||||
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
.hover\:bg-indigo-500\/10:hover {
|
||||
background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:bg-indigo-700:hover {
|
||||
background-color: var(--color-indigo-700);
|
||||
@@ -3281,6 +3466,18 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:bg-red-500\/10:hover {
|
||||
background-color: #fb2c361a;
|
||||
}
|
||||
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
.hover\:bg-red-500\/10:hover {
|
||||
background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:bg-red-700:hover {
|
||||
background-color: var(--color-red-700);
|
||||
@@ -3335,6 +3532,30 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:bg-theme-border:hover {
|
||||
background-color: var(--color-theme-border);
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:bg-theme-panel:hover {
|
||||
background-color: var(--color-theme-panel);
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:bg-theme-panel\/50:hover {
|
||||
background-color: var(--color-theme-panel);
|
||||
}
|
||||
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
.hover\:bg-theme-panel\/50:hover {
|
||||
background-color: color-mix(in oklab, var(--color-theme-panel) 50%, transparent);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:bg-white:hover {
|
||||
background-color: var(--color-white);
|
||||
@@ -3353,6 +3574,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:text-\[\#332616\]:hover {
|
||||
color: #332616;
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:text-blue-400:hover {
|
||||
color: var(--color-blue-400);
|
||||
@@ -3443,6 +3670,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:text-theme-text:hover {
|
||||
color: var(--color-theme-text);
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:text-white:hover {
|
||||
color: var(--color-white);
|
||||
@@ -3462,6 +3695,18 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:opacity-80:hover {
|
||||
opacity: .8;
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:opacity-100:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.hover\:shadow-2xl:hover {
|
||||
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
|
||||
@@ -3654,6 +3899,36 @@
|
||||
}
|
||||
}
|
||||
|
||||
:root, .theme-light {
|
||||
--theme-bg: #eef2ff;
|
||||
--theme-panel: #fff;
|
||||
--theme-text: #0f172a;
|
||||
--theme-muted: #64748b;
|
||||
--theme-border: #e2e8f0;
|
||||
--theme-editor-bg: #fff;
|
||||
--theme-editor-text: #0f172a;
|
||||
}
|
||||
|
||||
.theme-dark {
|
||||
--theme-bg: #0f172a;
|
||||
--theme-panel: #1e293b;
|
||||
--theme-text: #f8fafc;
|
||||
--theme-muted: #94a3b8;
|
||||
--theme-border: #334155;
|
||||
--theme-editor-bg: #1e293b;
|
||||
--theme-editor-text: #e2e8f0;
|
||||
}
|
||||
|
||||
.theme-sepia {
|
||||
--theme-bg: #eaddc4;
|
||||
--theme-panel: #fbf8f1;
|
||||
--theme-text: #332616;
|
||||
--theme-muted: #735e44;
|
||||
--theme-border: #dfcdae;
|
||||
--theme-editor-bg: #fbf8f1;
|
||||
--theme-editor-text: #332616;
|
||||
}
|
||||
|
||||
.editor-content:empty:before {
|
||||
content: attr(placeholder);
|
||||
color: #9ca3af;
|
||||
|
||||
Reference in New Issue
Block a user