re-established theme

ron2015schmitt · Dec 5, 2021 · 345a0a0 · 345a0a0
1 parent 1c4c61f
commit 345a0a0
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 67 deletions.
diff --git a/projects/ngx-mat-tui-calendar/src/lib/ngx-mat-tui-calendar.component.scss b/projects/ngx-mat-tui-calendar/src/lib/ngx-mat-tui-calendar.component.scss
@@ -80,56 +80,3 @@
   padding: 0 10px !important;
 }
 
-// the following colors are used if a theme is not applied
-
-#theme-primary {
-  color: blue;
-}
-#theme-highlight {
-  color: blue;
-}
-#theme-primary-shaded {
-    color: rgba(blue, 0.05);
-}
-#theme-accent {
-  color: blueviolet;
-}
-#theme-warn {
-  color: red;
-}
-#theme-foreground {
-  color: #3e3e3e;
-}
-#theme-divider {
-  color: #e0e0e0;
-}
-#theme-background {
-  color: white;
-}
-
-// .mat-button.navigation-button:hover {
-//   // background-color: mat.get-color-from-palette($primary-palette, 900);
-// }
-
-// .mat-button.navigation-button:active {
-//   // color: mat.get-color-from-palette($accent-palette);
-// }
-
-// .mat-button-toggle.view-button {
-//   color: lightblue;
-//   background-color: blue;
-// }
-
-// .mat-button-toggle.view-button:hover {
-//   color: darkblue;
-// }
-
-// .mat-button-toggle-checked.view-button {
-//   color: lightblue;
-//   background-color: blue;
-// }
-
-// .mat-button-toggle-checked.view-button:hover {
-//   color: lightblue;
-//   background-color: blue;
-// }
diff --git a/projects/ngx-mat-tui-calendar/src/lib/ngx-mat-tui-calendar.component.theme.scss b/projects/ngx-mat-tui-calendar/src/lib/ngx-mat-tui-calendar.component.theme.scss
@@ -56,6 +56,9 @@
     color: $background-color;
   }
 
+  .event-calendar-title {
+  }
+
   .mat-button.navigation-button:hover {
     background-color: mat.get-color-from-palette($primary-palette, 900); 
   }

diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1,20 +1,21 @@
 <section [className]="themeClass">
 
-    <!-- make visible once issues with dark mode are fixed -->
-    <div style="display: none;">
-      <mat-toolbar color="primary">
-        <div class="flex-stretch"></div>
-        <mat-icon class="mr-8">wb_sunny</mat-icon>
-        <mat-slide-toggle [formControl]="toggleControl" class="mr-8">
-        </mat-slide-toggle>
-        <mat-icon>bedtime</mat-icon>
-      </mat-toolbar>
-    </div>
-  
-    <ngx-mat-tui-calendar #matTuiCalendarNgx 
+  <!-- make visible once issues with dark mode are fixed -->
+  <div style="display: none;">
+    <mat-toolbar color="primary">
+      <div class="flex-stretch"></div>
+      <mat-icon class="mr-8">wb_sunny</mat-icon>
+      <mat-slide-toggle [formControl]="toggleControl" class="mr-8">
+      </mat-slide-toggle>
+      <mat-icon>bedtime</mat-icon>
+    </mat-toolbar>
+  </div>
+
+  <ngx-mat-tui-calendar #matTuiCalendarNgx 
       (userCreatedSchedule)="onUserCreatedSchedule($event)"
       (userUpdatedSchedule)="onUserUpdatedSchedule($event)" 
       (userDeletedSchedule)="onUserDeletedSchedule($event)"
       [options]="options">
-    </ngx-mat-tui-calendar>
-  </section>
+  </ngx-mat-tui-calendar>
+
+</section>
diff --git a/src/styles.scss b/src/styles.scss
@@ -1,4 +1,6 @@
 @import "./themes.scss";
+// @import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
+
 
 html,
 body {