diff --git a/vizro-core/src/vizro/static/css/code.css b/vizro-core/src/vizro/static/css/code.css index b81be0dd4..f718b41d6 100644 --- a/vizro-core/src/vizro/static/css/code.css +++ b/vizro-core/src/vizro/static/css/code.css @@ -8,7 +8,9 @@ code.language-python.hljs { font-family: unset; } -.hljs-string, .hljs-params .hljs-string, .hljs-number { +.hljs-string, +.hljs-params .hljs-string, +.hljs-number { color: var(--text-code-string); font-family: unset; } @@ -18,7 +20,10 @@ code.language-python.hljs { font-family: unset; } -.hljs-title.function_, .hljs-meta, .hljs-built_in, .hljs-type { +.hljs-title.function_, +.hljs-meta, +.hljs-built_in, +.hljs-type { color: var(--text-code-meta); font-family: unset; } diff --git a/vizro-core/src/vizro/static/css/variables.css b/vizro-core/src/vizro/static/css/variables.css index d29ef1e9a..36f438035 100644 --- a/vizro-core/src/vizro/static/css/variables.css +++ b/vizro-core/src/vizro/static/css/variables.css @@ -160,6 +160,6 @@ --inverse-color: invert(100%); --text-code-string: #0a3069; --text-code-keyword: #d12d39; - --text-code-meta: #6f42c1; - --text-code-type: #f69d50; + --text-code-meta: #6f42c1; + --text-code-type: #f69d50; }