76 lines
2.4 KiB
CSS
76 lines
2.4 KiB
CSS
:root:has(input.theme-controller[value=light]:checked),
|
|
[data-theme="light"] {
|
|
--json-bool: oklch(75% 0.183 55.934); /* tailwindcss orange-400 */
|
|
--json-string: oklch(79.2% 0.209 151.711); /* tailwindcss green-400 */
|
|
--json-number: oklch(70.7% 0.165 254.624); /* tailwindcss blue-400 */
|
|
--json-object: oklch(57.7% 0.245 27.325); /* tailwindcss red-600 */
|
|
--json-null: var(--color-base-content);
|
|
--json-digest: var(--color-base-content);
|
|
}
|
|
|
|
:root:has(input.theme-controller[value=dark]:checked),
|
|
[data-theme="dark"] {
|
|
--json-bool: oklch(88.5% 0.062 18.334); /* tailwindcss orange-200 */
|
|
--json-string: oklch(92.5% 0.084 155.995); /* tailwindcss green-200 */
|
|
--json-number: oklch(88.2% 0.059 254.128); /* tailwindcss blue-200 */
|
|
--json-object: oklch(44.4% 0.177 26.899); /* tailwindcss red-800 */
|
|
--json-null: var(--color-base-content);
|
|
--json-digest: var(--color-base-content);
|
|
}
|
|
|
|
|
|
:root:has(input.theme-controller[value=cupcake]:checked),
|
|
[data-theme="cupcake"] {
|
|
--json-bool: oklch(75% 0.183 55.934); /* tailwindcss orange-400 */
|
|
--json-string: oklch(79.2% 0.209 151.711); /* tailwindcss green-400 */
|
|
--json-number: oklch(70.7% 0.165 254.624); /* tailwindcss blue-400 */
|
|
--json-object: oklch(57.7% 0.245 27.325); /* tailwindcss red-600 */
|
|
--json-null: var(--color-base-content); /* tailwindcss violet-400 */
|
|
--json-digest: var(--color-base-content);
|
|
}
|
|
|
|
|
|
.mmt-jsonviewer {
|
|
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
|
|
font-size: 14px;
|
|
overflow-y: auto;
|
|
overflow-x: auto;
|
|
max-height: 100%
|
|
}
|
|
|
|
/* Use inherited CSS variables for your custom theme */
|
|
.mmt-jsonviewer-bool {
|
|
color: var(--json-bool);
|
|
}
|
|
|
|
.mmt-jsonviewer-string {
|
|
color: var(--json-string);
|
|
}
|
|
|
|
.mmt-jsonviewer-number {
|
|
color: var(--json-number);
|
|
}
|
|
|
|
.mmt-jsonviewer-null {
|
|
color: var(--json-null);
|
|
}
|
|
|
|
.mmt-jsonviewer-digest {
|
|
color: var(--json-digest);
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
.mmt-jsonviewer-object {
|
|
color: var(--json-object);
|
|
}
|
|
|
|
/*:root:has(input.theme-controller[value=dark]:checked),*/
|
|
/*[data-theme="dark"] {*/
|
|
/* --json-bool: oklch(40.8% 0.123 38.172); !* tailwindcss orange-900 *!*/
|
|
/* --json-string: oklch(39.3% 0.095 152.535); !* tailwindcss green-900 *!*/
|
|
/* --json-number: oklch(37.9% 0.146 265.522); !* tailwindcss blue-900 *!*/
|
|
/* --json-null: var(--color-base-content);*/
|
|
/* --json-digest: var(--color-base-content);*/
|
|
/*}*/
|