ID | {{element.id}} | diff --git a/src/app/model-ops/model-ops.component.html b/src/app/model-ops/model-ops.component.html index fc72db1..efc47a7 100644 --- a/src/app/model-ops/model-ops.component.html +++ b/src/app/model-ops/model-ops.component.html @@ -18,7 +18,7 @@ -
---|
Project | {{element.project}} | diff --git a/src/app/model-ops/model-run/model-run.component.html b/src/app/model-ops/model-run/model-run.component.html index 565b4c5..7e14e51 100644 --- a/src/app/model-ops/model-run/model-run.component.html +++ b/src/app/model-ops/model-run/model-run.component.html @@ -10,22 +10,20 @@
---|
ID | {{element.id}} | diff --git a/src/styles.scss b/src/styles.scss index 79c9874..31010e7 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -83,22 +83,23 @@ body { } // Dark theme -// @media (prefers-color-scheme: dark) { -// $theme-dark: $td-dark-theme; - -// @include mat.core-theme($theme-dark); -// @include mat.all-component-themes($theme-dark); -// @include covalent-theme($theme-dark); -// @include covalent-markdown-theme($theme-dark); -// @include covalent-highlight-theme($theme-dark); -// @include covalent-flavored-markdown-theme($theme-dark); -// @include covalent-markdown-navigator-theme($theme-dark); - -// body { -// color: #fff; -// font-family: 'Inter', Arial, Helvetica, sans-serif; -// } -// } +.theme-dark { + $theme-dark: $td-dark-theme; + + @include mat.core-theme($theme-dark); + @include mat.all-component-themes($theme-dark); + @include covalent-theme($theme-dark); + @include covalent-markdown-theme($theme-dark); + @include covalent-highlight-theme($theme-dark); + @include covalent-flavored-markdown-theme($theme-dark); + @include covalent-markdown-navigator-theme($theme-dark); + + // Covalent web components theme + @include covalent-theme.components-theme( + $dark-colors, + map-get(covalent-tokens.$tokens, typography) + ); +} :root {
---|