diff --git a/angular.json b/angular.json index 2aba4298..5b1b3c82 100644 --- a/angular.json +++ b/angular.json @@ -43,7 +43,7 @@ "npm-package": { "index": {"input": "src/package-index.html", "output": "index.html"}, "assets": [], - "styles": ["src/styles.css"] + "styles": ["src/styles.css", "src/package-styles.css"] }, "development": { "optimization": false, diff --git a/src/app/carbon-estimation/carbon-estimation.component.css b/src/app/carbon-estimation/carbon-estimation.component.css index ab26a4f7..146de67d 100644 --- a/src/app/carbon-estimation/carbon-estimation.component.css +++ b/src/app/carbon-estimation/carbon-estimation.component.css @@ -37,10 +37,4 @@ ::ng-deep .cell-tower-logo { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath style='fill:white' d='M196-276q-57-60-86.5-133T80-560q0-78 29.5-151T196-844l48 48q-48 48-72 110.5T148-560q0 63 24 125.5T244-324l-48 48Zm96-96q-39-39-59.5-88T212-560q0-51 20.5-100t59.5-88l48 48q-30 27-45 64t-15 76q0 36 15 73t45 67l-48 48ZM280-80l135-405q-16-14-25.5-33t-9.5-42q0-42 29-71t71-29q42 0 71 29t29 71q0 23-9.5 42T545-485L680-80h-80l-26-80H387l-27 80h-80Zm133-160h134l-67-200-67 200Zm255-132-48-48q30-27 45-64t15-76q0-36-15-73t-45-67l48-48q39 39 58 88t22 100q0 51-20.5 100T668-372Zm96 96-48-48q48-48 72-110.5T812-560q0-63-24-125.5T716-796l48-48q57 60 86.5 133T880-560q0 78-28 151t-88 133Z'/%3E%3C/svg%3E"); -} - -@media (prefers-color-scheme: dark) { - ::ng-deep .apexcharts-legend-text { - @apply !tce-text-slate-50 - } } \ No newline at end of file diff --git a/src/package-styles.css b/src/package-styles.css new file mode 100644 index 00000000..28a35821 --- /dev/null +++ b/src/package-styles.css @@ -0,0 +1,9 @@ +input, select { + @apply dark:tce-text-slate-600 +} + +@media (prefers-color-scheme: dark) { + .apexcharts-legend-text { + @apply !tce-text-slate-50 + } +} \ No newline at end of file diff --git a/src/styles.css b/src/styles.css index 3ae6a281..bcd5f382 100644 --- a/src/styles.css +++ b/src/styles.css @@ -2,10 +2,6 @@ @tailwind components; @tailwind utilities; -input, select { - @apply dark:tce-text-slate-600 -} - .tce-note { @apply tce-bg-sky-200 tce-border-sky-400 tce-text-slate-800 } @@ -16,4 +12,4 @@ input, select { .tce-button-reset, .tce-button-assumptions { @apply tce-bg-slate-200 tce-text-slate-800 hover:tce-bg-slate-300 tce-rounded -} \ No newline at end of file +}