From f0aab20cf433ff308480af018a1c5312c06e5752 Mon Sep 17 00:00:00 2001
From: blyedev <adam.smielewski@blyedev.com>
Date: Tue, 17 Dec 2024 18:12:47 +0100
Subject: [PATCH] fix: all violations off
 scss/double-slash-comment-whitespace-inside

---
 src/_variables.scss                           |  48 ++++----
 .../global-progress-bar.component.scss        |  12 +-
 .../main-header/main-header.component.scss    |  10 +-
 .../core-ui/side-nav/side-nav.component.scss  |   2 +-
 .../snack-custom/snack-custom.component.scss  |   4 +-
 .../bookmark-bar/bookmark-bar.component.scss  |   6 +-
 .../config-section.component.scss             |   6 +-
 .../config-sound-form.component.scss          |   6 +-
 .../focus-mode-main.component.scss            |   2 +-
 .../focus-mode-overlay.component.scss         |   6 +-
 .../issue-panel/issue-panel.component.scss    |   2 +-
 .../issue-preview-item.component.scss         |   4 +-
 ...sue-provider-setup-overview.component.scss |   2 +-
 .../dialog-edit-issue-provider.component.scss |  18 +--
 .../jira-issue-content.component.scss         |   2 +-
 .../improvement-banner.component.scss         |  10 +-
 .../features/note/note/note.component.scss    |   2 +-
 .../add-task-panel-planner.component.scss     |   2 +-
 .../dialog-add-planned-tasks.component.scss   |  15 +--
 .../dialog-schedule-task.component.scss       |   8 +-
 .../planner-calendar-event.component.scss     |   2 +-
 .../planner-day/planner-day.component.scss    |  15 +--
 .../planner-task/planner-task.component.scss  |   2 +-
 .../features/planner/planner.component.scss   |  16 +--
 .../procrastination.component.scss            |   6 +-
 .../quick-history.component.scss              |  14 +--
 .../create-task-placeholder.component.scss    |   4 +-
 .../schedule-event.component.scss             |  52 ++++----
 .../schedule/schedule/schedule.component.scss | 115 +++++++++---------
 .../search-bar/search-bar.component.scss      |   6 +-
 .../tag/tag-list/tag-list.component.scss      |   2 +-
 src/app/features/tag/tag/tag.component.scss   |  15 +--
 .../add-task-bar/add-task-bar.component.scss  |   2 +-
 .../dialog-task-detail-panel.component.scss   |   6 +-
 .../dialog-view-task-reminders.component.scss |   6 +-
 .../task-attachment-list.component.scss       |   4 +-
 .../task-context-menu-inner.component.scss    |   4 +-
 .../task-detail-item.component.scss           |  16 +--
 .../task-detail-panel.component.scss          |   6 +-
 .../task-summary-table.component.scss         |   2 +-
 .../tasks/task/task.component.mixins.scss     |  20 +--
 .../features/tasks/task/task.component.scss   |  85 +++++++------
 .../work-view/split/split.component.scss      |  18 +--
 .../work-view/work-view.component.scss        |   8 +-
 .../worklog-export.component.scss             |   6 +-
 .../worklog-week/worklog-week.component.scss  |   6 +-
 .../config-page/config-page.component.scss    |  12 +-
 .../daily-summary.component.scss              |  36 +++---
 .../project-settings-page.component.scss      |  10 +-
 .../scheduled-list-page.component.scss        |  10 +-
 .../tag-settings-page.component.scss          |  10 +-
 .../better-drawer-container.component.scss    |  14 +--
 .../ui/collapsible/collapsible.component.scss |   6 +-
 .../formly-collapsible.component.scss         |   8 +-
 .../inline-input/inline-input.component.scss  |   2 +-
 .../inline-markdown.component.scss            |   2 +-
 .../inline-multiline-input.component.scss     |   4 +-
 .../progress-bar/progress-bar.component.scss  |  50 ++++----
 src/styles.scss                               |   2 +-
 src/styles/components/_components.scss        |   2 +-
 .../components/_overwrite-material.scss       |   8 +-
 src/styles/components/dragula.scss            |   2 +-
 src/styles/components/enlarge-img.scss        |   2 +-
 src/styles/components/markdown.scss           |   8 +-
 src/styles/components/multi-btn-wrapper.scss  |  14 +--
 src/styles/components/pyro.scss               |   2 +-
 src/styles/components/shepherd.scss           |  52 ++++----
 src/styles/components/table.scss              |  12 +-
 src/styles/mixins/_inline-edit-elevation.scss |   8 +-
 src/styles/mixins/_main-container.scss        |   6 +-
 src/styles/mixins/_note-style.scss            |   4 +-
 src/styles/page.scss                          |  16 +--
 src/styles/themes.scss                        |   8 +-
 73 files changed, 474 insertions(+), 441 deletions(-)

diff --git a/src/_variables.scss b/src/_variables.scss
index 0853738e3fa..74f10570969 100644
--- a/src/_variables.scss
+++ b/src/_variables.scss
@@ -8,28 +8,28 @@ $card-border-radius: 4px;
 
 // COLORS
 // ------
-//| elevation | overlay |   hex   |
-//| --------- | ------- | ------- |
-//|   00dp    |    0%   | #121212 |
-//|   01dp    |    5%   | #1e1e1e |
-//|   02dp    |    7%   | #222222 |
-//|   03dp    |    8%   | #242424 |
-//|   04dp    |    9%   | #272727 |
-//|   06dp    |   11%   | #2c2c2c |
-//|   08dp    |   12%   | #2e2e2e |
-//|   12dp    |   14%   | #333333 |
-//|   16dp    |   15%   | #343434 |
-//|   24dp    |   16%   | #383838 |
-//$dark0: #121212;
-//$dark1: #1e1e1e;
-//$dark2: #222222;
-//$dark3: #242424;
-//$dark4: #272727;
-//$dark6: #2c2c2c;
-//$dark8: #2e2e2e;
-//$dark12: #333333;
-//$dark16: #343434;
-//$dark24: #383838;
+// | elevation | overlay |   hex   |
+// | --------- | ------- | ------- |
+// |   00dp    |    0%   | #121212 |
+// |   01dp    |    5%   | #1e1e1e |
+// |   02dp    |    7%   | #222222 |
+// |   03dp    |    8%   | #242424 |
+// |   04dp    |    9%   | #272727 |
+// |   06dp    |   11%   | #2c2c2c |
+// |   08dp    |   12%   | #2e2e2e |
+// |   12dp    |   14%   | #333333 |
+// |   16dp    |   15%   | #343434 |
+// |   24dp    |   16%   | #383838 |
+// $dark0: #121212;
+// $dark1: #1e1e1e;
+// $dark2: #222222;
+// $dark3: #242424;
+// $dark4: #272727;
+// $dark6: #2c2c2c;
+// $dark8: #2e2e2e;
+// $dark12: #333333;
+// $dark16: #343434;
+// $dark24: #383838;
 $dark0: rgb(18, 18, 18);
 $dark1: rgb(30, 30, 30);
 $dark2: rgb(34, 34, 34);
@@ -54,7 +54,7 @@ $dark-theme-bg-super-light: #616161;
 $dark-theme-card-bg: $dark2;
 $dark-theme-sidebar-bg: $dark8;
 
-//$light-theme-bg: rgb(250, 250, 250);
+// $light-theme-bg: rgb(250, 250, 250);
 $light-theme-bg: #f8f8f7;
 $light-theme-bg-darker: rgb(235, 235, 235);
 $light-theme-bg-drag-col: rgb(242, 242, 242);
@@ -118,7 +118,7 @@ $component-max-width: 800px;
 $side-nav-width-switch-l: 1500px;
 $side-nav-width: 200px;
 $side-nav-width-l: $side-nav-width * 2;
-//$main-header-height: $s*7;
+// $main-header-height: $s*7;
 
 $bar-height-large: 56px;
 $bar-height: 48px;
diff --git a/src/app/core-ui/global-progress-bar/global-progress-bar.component.scss b/src/app/core-ui/global-progress-bar/global-progress-bar.component.scss
index cb43ef99629..83342a8a98e 100644
--- a/src/app/core-ui/global-progress-bar/global-progress-bar.component.scss
+++ b/src/app/core-ui/global-progress-bar/global-progress-bar.component.scss
@@ -18,12 +18,12 @@
 .badge {
   background: inherit;
   display: inline-block;
-  //position: absolute;
-  //bottom: 3px;
-  //left: 0;
-  //left: 50%;
-  //transform: translateX(-50%);
-  //z-index: 9998;
+  // position: absolute;
+  // bottom: 3px;
+  // left: 0;
+  // left: 50%;
+  // transform: translateX(-50%);
+  // z-index: 9998;
   pointer-events: none;
   padding: 4px 8px;
   padding-left: 8px;
diff --git a/src/app/core-ui/main-header/main-header.component.scss b/src/app/core-ui/main-header/main-header.component.scss
index 7c033a09eee..db7a1b6674b 100644
--- a/src/app/core-ui/main-header/main-header.component.scss
+++ b/src/app/core-ui/main-header/main-header.component.scss
@@ -40,7 +40,7 @@ $macExtraPadding: (-8px + $mac-title-bar-padding);
   flex-wrap: nowrap;
   align-items: center;
   padding: $navVerticalPadding $mobileHorizontalPadding;
-  //flex-wrap: wrap;
+  // flex-wrap: wrap;
   min-height: $bar-height-large;
 
   @include mq(xs) {
@@ -50,11 +50,11 @@ $macExtraPadding: (-8px + $mac-title-bar-padding);
 }
 
 .current-work-context-title {
-  //font-weight: bold;
+  // font-weight: bold;
   font-size: 18px;
   overflow: hidden;
   text-overflow: ellipsis;
-  //flex-grow: 1;
+  // flex-grow: 1;
   white-space: nowrap;
   max-width: 100%;
   cursor: pointer;
@@ -380,12 +380,12 @@ simple-counter-button {
 
     @include lightTheme() {
       background: $light-theme-selected-task-bg-color;
-      //border-color: rgba(0, 0, 0, 0.12);
+      // border-color: rgba(0, 0, 0, 0.12);
     }
 
     @include darkTheme() {
       background: $dark8;
-      //border-color: $dark-theme-extra-border-color;
+      // border-color: $dark-theme-extra-border-color;
     }
   }
 
diff --git a/src/app/core-ui/side-nav/side-nav.component.scss b/src/app/core-ui/side-nav/side-nav.component.scss
index d0de09a0485..16d7951ec0a 100644
--- a/src/app/core-ui/side-nav/side-nav.component.scss
+++ b/src/app/core-ui/side-nav/side-nav.component.scss
@@ -167,7 +167,7 @@ section {
 
   > mat-icon:last-of-type {
     margin-right: 0;
-    //margin-left: -10px;
+    // margin-left: -10px;
     opacity: 0.4;
     transition: $transition-standard;
   }
diff --git a/src/app/core/snack/snack-custom/snack-custom.component.scss b/src/app/core/snack/snack-custom/snack-custom.component.scss
index 4d4140ce0dd..3e4306a8e51 100644
--- a/src/app/core/snack/snack-custom/snack-custom.component.scss
+++ b/src/app/core/snack/snack-custom/snack-custom.component.scss
@@ -9,14 +9,14 @@
   align-items: center;
   justify-content: stretch;
   min-height: 48px;
-  //background: inherit;
+  // background: inherit;
 }
 
 .snack-icon {
   margin-right: $s * 2;
   position: relative;
   z-index: 2;
-  //background: inherit;
+  // background: inherit;
 
   .success & {
     color: $success-green;
diff --git a/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.scss b/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.scss
index ff5c418b85e..00057b4f601 100644
--- a/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.scss
+++ b/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.scss
@@ -10,7 +10,7 @@ $bookmarkMinWidth: 56px;
 
 :host {
   display: block;
-  //@include mat-css-color-and-contrast(800);
+  // @include mat-css-color-and-contrast(800);
   .list-controls > button,
   .global-bookmark a {
     background: transparent;
@@ -19,7 +19,7 @@ $bookmarkMinWidth: 56px;
 
 .global-bookmark-list-outer {
   padding-bottom: $sTopBottom;
-  //box-shadow: $whiteframe-shadow-3dp;
+  // box-shadow: $whiteframe-shadow-3dp;
 }
 
 .controls-and-list-wrapper {
@@ -165,7 +165,7 @@ $bookmarkMinWidth: 56px;
     border-radius: 0;
     flex-grow: 1;
     transition: $transition-duration-s;
-    //border-radius: 0;
+    // border-radius: 0;
     margin: 0;
     padding: 0;
     min-height: 0;
diff --git a/src/app/features/config/config-section/config-section.component.scss b/src/app/features/config/config-section/config-section.component.scss
index 50ef4ece3d3..73d441bb88a 100644
--- a/src/app/features/config/config-section/config-section.component.scss
+++ b/src/app/features/config/config-section/config-section.component.scss
@@ -37,11 +37,11 @@ $this-panel-padding-left-right: 12px;
   padding: 10px $this-panel-padding-left-right;
 }
 
-:host ::ng-deep .collapsible-expand-icon {
-}
+// :host ::ng-deep .collapsible-expand-icon {
+// }
 
 :host ::ng-deep .collapsible-panel {
-  //border-top: 1px solid black;
+  // border-top: 1px solid black;
   overflow: visible;
 
   > * {
diff --git a/src/app/features/config/config-sound-form/config-sound-form.component.scss b/src/app/features/config/config-sound-form/config-sound-form.component.scss
index 8b977c77e8d..e64ebb1bf18 100644
--- a/src/app/features/config/config-sound-form/config-sound-form.component.scss
+++ b/src/app/features/config/config-sound-form/config-sound-form.component.scss
@@ -26,11 +26,11 @@ $this-panel-padding-left-right: 12px;
   padding: 10px $this-panel-padding-left-right;
 }
 
-:host ::ng-deep .collapsible-expand-icon {
-}
+// :host ::ng-deep .collapsible-expand-icon {
+// }
 
 :host ::ng-deep .collapsible-panel {
-  //border-top: 1px solid black;
+  // border-top: 1px solid black;
   overflow: visible;
 
   > * {
diff --git a/src/app/features/focus-mode/focus-mode-main/focus-mode-main.component.scss b/src/app/features/focus-mode/focus-mode-main/focus-mode-main.component.scss
index 77074d565b7..cb72f8c67f0 100644
--- a/src/app/features/focus-mode/focus-mode-main/focus-mode-main.component.scss
+++ b/src/app/features/focus-mode/focus-mode-main/focus-mode-main.component.scss
@@ -140,7 +140,7 @@ progress-circle {
     height: 56px !important;
 
     mat-icon {
-      font-size: 32px !important; //make it bigger, the default being 24px.
+      font-size: 32px !important; // make it bigger, the default being 24px.
       width: 32px !important;
       height: 32px !important;
     }
diff --git a/src/app/features/focus-mode/focus-mode-overlay/focus-mode-overlay.component.scss b/src/app/features/focus-mode/focus-mode-overlay/focus-mode-overlay.component.scss
index 1da6860e014..0337abd3f27 100644
--- a/src/app/features/focus-mode/focus-mode-overlay/focus-mode-overlay.component.scss
+++ b/src/app/features/focus-mode/focus-mode-overlay/focus-mode-overlay.component.scss
@@ -28,8 +28,8 @@
   }
 }
 
-header {
-}
+// header {
+// }
 
 main {
   flex-grow: 1;
@@ -63,7 +63,7 @@ main {
   }
 
   mat-icon {
-    font-size: 32px !important; //make it bigger, the default being 24px.
+    font-size: 32px !important; // make it bigger, the default being 24px.
     width: 32px;
     height: 32px;
   }
diff --git a/src/app/features/issue-panel/issue-panel.component.scss b/src/app/features/issue-panel/issue-panel.component.scss
index 7fa8e8786a4..f317c869ce6 100644
--- a/src/app/features/issue-panel/issue-panel.component.scss
+++ b/src/app/features/issue-panel/issue-panel.component.scss
@@ -57,7 +57,7 @@
       display: flex;
       flex-direction: column;
       height: 100%;
-      //border: 1px solid yellow;
+      // border: 1px solid yellow;
     }
   }
 }
diff --git a/src/app/features/issue-panel/issue-preview-item/issue-preview-item.component.scss b/src/app/features/issue-panel/issue-preview-item/issue-preview-item.component.scss
index b8c8649b991..3ecf63b9e2c 100644
--- a/src/app/features/issue-panel/issue-preview-item/issue-preview-item.component.scss
+++ b/src/app/features/issue-panel/issue-preview-item/issue-preview-item.component.scss
@@ -2,7 +2,7 @@
 @import '../../tasks/task/task.component.mixins';
 
 :host {
-  //@include grabCursor();
+  // @include grabCursor();
   display: flex;
   align-items: center;
   padding: 0;
@@ -16,7 +16,7 @@
 
   @include darkTheme() {
     color: $task-text-c-dark;
-    //background: $task-c-bg-dark;
+    // background: $task-c-bg-dark;
     border-color: $dark-theme-extra-border-color;
   }
 
diff --git a/src/app/features/issue-panel/issue-provider-setup-overview/issue-provider-setup-overview.component.scss b/src/app/features/issue-panel/issue-provider-setup-overview/issue-provider-setup-overview.component.scss
index 252124bf82c..d6ac457e7e8 100644
--- a/src/app/features/issue-panel/issue-provider-setup-overview/issue-provider-setup-overview.component.scss
+++ b/src/app/features/issue-panel/issue-provider-setup-overview/issue-provider-setup-overview.component.scss
@@ -48,7 +48,7 @@ h4 {
 
 .provider-items {
   display: flex;
-  //flex-direction: column;
+  // flex-direction: column;
   justify-content: space-around;
   align-items: center;
   overflow: auto;
diff --git a/src/app/features/issue/dialog-edit-issue-provider/dialog-edit-issue-provider.component.scss b/src/app/features/issue/dialog-edit-issue-provider/dialog-edit-issue-provider.component.scss
index ee8e7c835ff..8c76710396b 100644
--- a/src/app/features/issue/dialog-edit-issue-provider/dialog-edit-issue-provider.component.scss
+++ b/src/app/features/issue/dialog-edit-issue-provider/dialog-edit-issue-provider.component.scss
@@ -20,15 +20,15 @@
     margin: auto;
   }
 
-  ::ng-deep {
-    //.help-btn {
-    //  position: relative !important;
-    //  left: 0 !important;
-    //  top: 0 !important;
-    //  display: block;
-    //  margin: 0 auto 16px !important;
-    //}
-  }
+  // ::ng-deep {
+  //   .help-btn {
+  //     position: relative !important;
+  //     left: 0 !important;
+  //     top: 0 !important;
+  //     display: block;
+  //     margin: 0 auto 16px !important;
+  //   }
+  // }
 }
 
 :host::ng-deep {
diff --git a/src/app/features/issue/providers/jira/jira-issue/jira-issue-content/jira-issue-content.component.scss b/src/app/features/issue/providers/jira/jira-issue/jira-issue-content/jira-issue-content.component.scss
index 0f913196330..2d73acc9c19 100644
--- a/src/app/features/issue/providers/jira/jira-issue/jira-issue-content/jira-issue-content.component.scss
+++ b/src/app/features/issue/providers/jira/jira-issue/jira-issue-content/jira-issue-content.component.scss
@@ -47,7 +47,7 @@
 }
 
 .attachments {
-  //margin-bottom: $s;
+  // margin-bottom: $s;
   // because they have an inner padding
   &.hasAttachments {
     margin-top: -$s;
diff --git a/src/app/features/metric/improvement-banner/improvement-banner.component.scss b/src/app/features/metric/improvement-banner/improvement-banner.component.scss
index f6bc0a447f9..ddee71171bf 100644
--- a/src/app/features/metric/improvement-banner/improvement-banner.component.scss
+++ b/src/app/features/metric/improvement-banner/improvement-banner.component.scss
@@ -26,7 +26,8 @@ $weird-task-list-f: 5px;
   align-items: center;
   border-radius: 16px;
   user-select: none;
-  -webkit-user-select: none; /* Safari */
+  -webkit-user-select: none;
+  /* Safari */
   display: flex;
   font-weight: 500;
   font-size: 14px;
@@ -41,10 +42,10 @@ $weird-task-list-f: 5px;
 
   @include lightTheme() {
     border: 1px solid #333;
-    //background-color: rgba(var(--palette-background-unselected-chip), 1);
+    // background-color: rgba(var(--palette-background-unselected-chip), 1);
     color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha, 1));
     // this would be the bookmark button border
-    //border-color: rgba(0, 0, 0, 0.12);
+    // border-color: rgba(0, 0, 0, 0.12);
     border-color: rgba(0, 0, 0, 0.33);
   }
 
@@ -52,7 +53,7 @@ $weird-task-list-f: 5px;
     border: 1px solid;
     color: #fff;
     // this would be the bookmark button border
-    //border-color: rgba(255, 255, 255, 0.12);
+    // border-color: rgba(255, 255, 255, 0.12);
     border-color: rgba(255, 255, 255, 0.33);
   }
 
@@ -83,6 +84,7 @@ $weird-task-list-f: 5px;
         var(--palette-foreground-text-alpha, 1)
       );
     }
+
     @include darkTheme() {
       color: white;
     }
diff --git a/src/app/features/note/note/note.component.scss b/src/app/features/note/note/note.component.scss
index 1363ec79c19..28ca39fedbb 100644
--- a/src/app/features/note/note/note.component.scss
+++ b/src/app/features/note/note/note.component.scss
@@ -21,7 +21,7 @@ $noteFontSize: 14px;
     position: relative;
     z-index: 4;
     box-shadow: $whiteframe-shadow-3dp;
-    //outline: 2px dashed $c-accent;
+    // outline: 2px dashed $c-accent;
   }
 
   &.isFocused {
diff --git a/src/app/features/planner/add-task-panel-planner/add-task-panel-planner.component.scss b/src/app/features/planner/add-task-panel-planner/add-task-panel-planner.component.scss
index 14e866b1c1b..b8e8d547fd7 100644
--- a/src/app/features/planner/add-task-panel-planner/add-task-panel-planner.component.scss
+++ b/src/app/features/planner/add-task-panel-planner/add-task-panel-planner.component.scss
@@ -25,7 +25,7 @@
   display: flex;
   flex-grow: 0;
   align-items: center;
-  //padding: 8px 4px;
+  // padding: 8px 4px;
 
   box-shadow: $whiteframe-shadow-2dp;
 
diff --git a/src/app/features/planner/dialog-add-planned-tasks/dialog-add-planned-tasks.component.scss b/src/app/features/planner/dialog-add-planned-tasks/dialog-add-planned-tasks.component.scss
index 7224aaf448f..638c13abdf8 100644
--- a/src/app/features/planner/dialog-add-planned-tasks/dialog-add-planned-tasks.component.scss
+++ b/src/app/features/planner/dialog-add-planned-tasks/dialog-add-planned-tasks.component.scss
@@ -48,13 +48,14 @@
   margin-right: -4px;
   margin-left: -4px;
   border-radius: 8px;
-  //position: sticky;
-  //top: -2px;
-  //&.is-stuck {
-  //  background: white;
-  //  box-shadow: $whiteframe-shadow-2dp;
-  //  z-index: 10;
-  //}
+  // position: sticky;
+  // top: -2px;
+  //
+  // &.is-stuck {
+  //   background: white;
+  //   box-shadow: $whiteframe-shadow-2dp;
+  //   z-index: 10;
+  // }
 }
 
 .day-title {
diff --git a/src/app/features/planner/dialog-schedule-task/dialog-schedule-task.component.scss b/src/app/features/planner/dialog-schedule-task/dialog-schedule-task.component.scss
index d62bd59de38..17289fd032b 100644
--- a/src/app/features/planner/dialog-schedule-task/dialog-schedule-task.component.scss
+++ b/src/app/features/planner/dialog-schedule-task/dialog-schedule-task.component.scss
@@ -32,8 +32,7 @@
       padding-top: 0;
     }
 
-    .mat-calendar-body-active {
-    }
+    // .mat-calendar-body-active {}
 
     .mat-calendar-body-cell-content {
       background: transparent !important;
@@ -64,7 +63,7 @@
 .form-ctrl-wrapper {
   margin: 0 16px;
   margin-top: 16px;
-  //border-top: 1px solid $light-theme-separator-color;
+  // border-top: 1px solid $light-theme-separator-color;
 
   @include darkTheme() {
     border-color: $dark-theme-separator-color;
@@ -100,6 +99,7 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
+
     @include darkTheme() {
       color: $dark-theme-text-color;
     }
@@ -111,6 +111,7 @@
   justify-content: space-evenly;
   border-bottom: 1px solid $light-theme-extra-border-color;
   height: 48px;
+
   @include darkTheme() {
     border-color: $dark-theme-extra-border-color;
   }
@@ -127,6 +128,7 @@
 
   button + button {
     border-left: 1px solid $light-theme-extra-border-color;
+
     @include darkTheme() {
       border-color: $dark-theme-extra-border-color;
     }
diff --git a/src/app/features/planner/planner-calendar-event/planner-calendar-event.component.scss b/src/app/features/planner/planner-calendar-event/planner-calendar-event.component.scss
index c1863836d0b..4ef348c047b 100644
--- a/src/app/features/planner/planner-calendar-event/planner-calendar-event.component.scss
+++ b/src/app/features/planner/planner-calendar-event/planner-calendar-event.component.scss
@@ -29,7 +29,7 @@
   &:hover {
     border-color: $c-accent;
     color: $c-accent;
-    //outline: 1px solid $c-accent;
+    // outline: 1px solid $c-accent;
 
     mat-icon.add {
       display: block;
diff --git a/src/app/features/planner/planner-day/planner-day.component.scss b/src/app/features/planner/planner-day/planner-day.component.scss
index bfcf1fef0aa..1f3b15324b5 100644
--- a/src/app/features/planner/planner-day/planner-day.component.scss
+++ b/src/app/features/planner/planner-day/planner-day.component.scss
@@ -17,13 +17,14 @@
   margin-right: -4px;
   margin-left: -4px;
   border-radius: 8px;
-  //position: sticky;
-  //top: -2px;
-  //&.is-stuck {
-  //  background: white;
-  //  box-shadow: $whiteframe-shadow-2dp;
-  //  z-index: 10;
-  //}
+  // position: sticky;
+  // top: -2px;
+  //
+  // &.is-stuck {
+  //   background: white;
+  //   box-shadow: $whiteframe-shadow-2dp;
+  //   z-index: 10;
+  // }
 }
 
 .day-title {
diff --git a/src/app/features/planner/planner-task/planner-task.component.scss b/src/app/features/planner/planner-task/planner-task.component.scss
index 2b5a1fd2ee7..a479f0da3ef 100644
--- a/src/app/features/planner/planner-task/planner-task.component.scss
+++ b/src/app/features/planner/planner-task/planner-task.component.scss
@@ -175,7 +175,7 @@ $h: $planner-item-height;
     align-items: center;
 
     @include mq(xs, max) {
-      //display: none;
+      // display: none;
     }
 
     mat-icon {
diff --git a/src/app/features/planner/planner.component.scss b/src/app/features/planner/planner.component.scss
index cd244d5033c..8e141a358f5 100644
--- a/src/app/features/planner/planner.component.scss
+++ b/src/app/features/planner/planner.component.scss
@@ -8,18 +8,18 @@
   justify-content: center;
   padding-top: 8px;
   padding-bottom: 8px;
-  //gap: 16px;
-
-  //border-top: 1px solid;
-  //border-bottom: 1px solid;
+  // gap: 16px;
+  //
+  // border-top: 1px solid;
+  // border-bottom: 1px solid;
 
   @include darkTheme() {
-    //border-color: $dark-theme-extra-border-color;
-    //background: $dark-theme-bg-lighter;
+    // border-color: $dark-theme-extra-border-color;
+    // background: $dark-theme-bg-lighter;
   }
   @include lightTheme() {
-    //border-color: $light-theme-extra-border-color;
-    //background: $light-theme-bg-darker;
+    // border-color: $light-theme-extra-border-color;
+    // background: $light-theme-bg-darker;
   }
 }
 
diff --git a/src/app/features/procrastination/procrastination.component.scss b/src/app/features/procrastination/procrastination.component.scss
index 0e3ca4388a3..61831703a5e 100644
--- a/src/app/features/procrastination/procrastination.component.scss
+++ b/src/app/features/procrastination/procrastination.component.scss
@@ -6,9 +6,9 @@
   }
 }
 
-.page-wrapper {
-  //text-align: center;
-}
+// .page-wrapper {
+//   text-align: center;
+// }
 
 .tab-inner {
   padding: $s;
diff --git a/src/app/features/quick-history/quick-history.component.scss b/src/app/features/quick-history/quick-history.component.scss
index d86551ed570..e60b7d35d39 100644
--- a/src/app/features/quick-history/quick-history.component.scss
+++ b/src/app/features/quick-history/quick-history.component.scss
@@ -53,10 +53,10 @@ $this-border-radius: 8px;
   }
 }
 
-.scroll-wrapper {
-  //max-height: 280px;
-  //@include scrollY;
-}
+// .scroll-wrapper {
+//   max-height: 280px;
+//   @include scrollY;
+// }
 
 .caption {
   border-top-left-radius: $this-border-radius;
@@ -107,8 +107,8 @@ $this-border-radius: 8px;
     }
   }
 
-  .icon-indicator-bar {
-  }
+  // .icon-indicator-bar {
+  // }
 
   .center-box {
     flex-grow: 1;
@@ -188,7 +188,7 @@ $this-border-radius: 8px;
   // MAGIC NUMBER ALERT!!!
   margin-left: -4 * $s;
   margin-right: -4 * $s;
-  //margin-top: $s;
+  // margin-top: $s;
 }
 
 .simple-counter-item {
diff --git a/src/app/features/schedule/create-task-placeholder/create-task-placeholder.component.scss b/src/app/features/schedule/create-task-placeholder/create-task-placeholder.component.scss
index 8de442f6748..9ac38b916a9 100644
--- a/src/app/features/schedule/create-task-placeholder/create-task-placeholder.component.scss
+++ b/src/app/features/schedule/create-task-placeholder/create-task-placeholder.component.scss
@@ -6,7 +6,7 @@
   position: relative;
   grid-row: 149 / span 2;
   grid-column: 4 / span 2;
-  //box-shadow: $whiteframe-shadow-3dp;
+  // box-shadow: $whiteframe-shadow-3dp;
   background: #fff;
   pointer-events: none;
   z-index: 33;
@@ -30,7 +30,7 @@
     cursor: pointer;
     position: absolute;
     bottom: 100%;
-    //margin-bottom: -6px;
+    // margin-bottom: -6px;
     border: 2px dashed $c-accent;
     background: inherit;
     left: 50%;
diff --git a/src/app/features/schedule/schedule-event/schedule-event.component.scss b/src/app/features/schedule/schedule-event/schedule-event.component.scss
index 791da920cf2..f26e576916f 100644
--- a/src/app/features/schedule/schedule-event/schedule-event.component.scss
+++ b/src/app/features/schedule/schedule-event/schedule-event.component.scss
@@ -16,7 +16,7 @@ $margin-right: 10px;
   align-items: flex-start;
   margin-bottom: $margin-bottom;
   border: 1px solid $light-theme-separator-color;
-  //box-shadow: $whiteframe-shadow-1dp;
+  // box-shadow: $whiteframe-shadow-1dp;
   background: #fff;
   color: $light-theme-text-color;
   position: relative;
@@ -27,13 +27,12 @@ $margin-right: 10px;
   overflow: visible !important;
   min-width: 0;
 
-  &.no-project {
-  }
-
-  &:hover {
-    //z-index: 3;
-    //overflow: visible;
-  }
+  // &.no-project {}
+  //
+  // &:hover {
+  //   z-index: 3;
+  //   overflow: visible;
+  // }
 
   @include darkTheme() {
     border-color: rgba(255, 255, 255, 0.1);
@@ -44,14 +43,14 @@ $margin-right: 10px;
 
   &.very-short-event {
     // slightly move up to  reduce chance of overlap with next
-    //margin-top: -2px;
+    // margin-top: -2px;
     align-items: center;
 
-    //.title {
-    //  column-width: unset;
-    //  line-clamp: 1;
-    //  max-width: 200px;
-    //}
+    // .title {
+    //   column-width: unset;
+    //   line-clamp: 1;
+    //   max-width: 200px;
+    // }
   }
 
   &.split-start {
@@ -124,7 +123,7 @@ $margin-right: 10px;
   left: 0;
   right: -1 * ($margin-right + 4);
   z-index: 3;
-  //background: rgba(255, 0, 0, 0.1);
+  // background: rgba(255, 0, 0, 0.1);
   display: block;
 }
 
@@ -141,7 +140,7 @@ $margin-right: 10px;
     border-left-style: solid;
 
     @include darkTheme() {
-      //border-color: $dark-theme-separator-color;
+      // border-color: $dark-theme-separator-color;
       background: $dark-theme-bg;
       background: $dark1;
     }
@@ -176,7 +175,7 @@ $margin-right: 10px;
 
     &:hover {
       opacity: 1;
-      //outline: 1px solid $c-accent;
+      // outline: 1px solid $c-accent;
       border-color: $c-accent;
 
       .ico {
@@ -190,7 +189,7 @@ $margin-right: 10px;
   }
 }
 
-//  scheduable tasks
+// scheduable tasks
 :host {
   &.ScheduledRepeatProjection .ico {
     color: $c-primary;
@@ -224,7 +223,8 @@ $margin-right: 10px;
     .time-badge {
       color: $light-theme-text-color;
       border-color: $c-primary;
-      //color: $c-primary;
+
+      // color: $c-primary;
       @include darkTheme() {
         color: $dark-theme-text-color;
         border-color: $c-primary;
@@ -263,7 +263,7 @@ $margin-right: 10px;
   }
 
   :host.very-short-event & {
-    //bottom: 4px
+    // bottom: 4px
     margin-top: -4px;
   }
 
@@ -373,7 +373,7 @@ $margin-right: 10px;
   text-align: left;
   // somehow this fixes the cut off lines problem
   column-width: 250px;
-  //font-weight: bold;
+  // font-weight: bold;
 
   @include mq(xs, max) {
     column-width: 120px;
@@ -397,8 +397,8 @@ $margin-right: 10px;
   :host.RepeatProjectionSplitContinued &,
   :host.SplitTaskContinuedLast &,
   :host.RepeatProjectionSplitContinuedLast {
-    //white-space: nowrap;
-    //max-width: 100%;
+    // white-space: nowrap;
+    // max-width: 100%;
     line-clamp: 1;
   }
 }
@@ -431,6 +431,7 @@ $margin-right: 10px;
 }
 
 $offset: 40px;
+
 :host.drag-over {
   transform: translateY($offset);
   z-index: 3;
@@ -445,12 +446,13 @@ $offset: 40px;
     left: 0;
     right: -1 * ($margin-right + 4);
     z-index: 3;
-    //border: 1px solid red;
-    //background: rgba(255, 0, 0, 0.2);
+    // border: 1px solid red;
+    // background: rgba(255, 0, 0, 0.2);
   }
 }
 
 $offsetShortEvent: 15px;
+
 :host.very-short-event.drag-over {
   transform: translateY($offsetShortEvent);
   z-index: 3;
diff --git a/src/app/features/schedule/schedule/schedule.component.scss b/src/app/features/schedule/schedule/schedule.component.scss
index a68c666e3a1..f18a6e8d70b 100644
--- a/src/app/features/schedule/schedule/schedule.component.scss
+++ b/src/app/features/schedule/schedule/schedule.component.scss
@@ -4,7 +4,7 @@
 $time-width: 3em;
 $row-height: 11px;
 $row-height-mobile: 7px;
-//$grid-color: #dadce0;
+// $grid-color: #dadce0;
 $grid-color: #dadce0;
 $grid-color-dark: rgba(255, 255, 255, 0.1);
 $current-time-color: $c-accent;
@@ -12,7 +12,7 @@ $fr: 12;
 $total-rows: 24 * $fr;
 
 :host {
-  //background: $light-theme-bg;
+  // background: $light-theme-bg;
   --nr-of-days: 5;
 
   @include darkTheme() {
@@ -35,58 +35,59 @@ $total-rows: 24 * $fr;
   display: grid;
   place-content: center;
   text-align: center;
-  //grid-auto-columns: minmax(0, 1fr);
+  // grid-auto-columns: minmax(0, 1fr);
   grid-auto-columns: 1fr;
-  //grid-template-columns: $time-width repeat(5, 1fr);
+  // grid-template-columns: $time-width repeat(5, 1fr);
   grid-template-columns: $time-width repeat(var(--nr-of-days), 1fr);
 }
 
 .main-grid-container {
-  //border: 3px dashed palevioletred;   grid-auto-columns: minmax(0, 1fr);
+  // border: 3px dashed palevioletred;   grid-auto-columns: minmax(0, 1fr);
   grid-template-rows: repeat($total-rows, $row-height);
-  //grid-auto-rows: $row-height;
-  //grid-auto-rows: max-content;
+  // grid-auto-rows: $row-height;
+  // grid-auto-rows: max-content;
 
   @include mq(xs, max) {
     grid-template-rows: repeat($total-rows, $row-height-mobile);
-    //grid-auto-rows: $row-height-mobile;
+    // grid-auto-rows: $row-height-mobile;
   }
 }
 
 // grid list approach 1
-//:host {
-//  .main-grid-container,
-//  .days {
-//    grid-template-rows: auto !important;
-//    grid-auto-rows: auto !important;
-//  }
+// :host {
 //
-//  schedule-event {
-//    align-self: start; // Align items to the start of the row
-//    grid-row-start: auto !important;
-//    grid-row: auto!important;
-//    grid-row-end: auto !important;
-//  }
+//   .main-grid-container,
+//   .days {
+//     grid-template-rows: auto !important;
+//     grid-auto-rows: auto !important;
+//   }
 //
-//  .close-to-others-first.close-to-others-first.close-to-others-first.close-to-others-first.close-to-others-first.close-to-others-first.close-to-others-first,
-//  .close-to-others.close-to-others.close-to-others.close-to-others.close-to-others {
-//    transform: translate3d(0, 0, 0);
-//  }
+//   schedule-event {
+//     align-self: start; // Align items to the start of the row
+//     grid-row-start: auto !important;
+//     grid-row: auto !important;
+//     grid-row-end: auto !important;
+//   }
 //
-//  schedule-event.SplitTaskContinued,
-//  schedule-event.SplitTaskContinuedLast,
-//  schedule-event.RepeatProjectionSplitContinuedLast,
-//  schedule-event.RepeatProjectionSplitContinued,
-//  schedule-event.SplitTaskContinued,
-//  schedule-event.LunchBreak,
-//  .work-end,
-//  .current-time,
-//  .work-start,
-//  .time,
-//  .row {
-//    display: none !important;
-//  }
-//}
+//   .close-to-others-first.close-to-others-first.close-to-others-first.close-to-others-first.close-to-others-first.close-to-others-first.close-to-others-first,
+//   .close-to-others.close-to-others.close-to-others.close-to-others.close-to-others {
+//     transform: translate3d(0, 0, 0);
+//   }
+//
+//   schedule-event.SplitTaskContinued,
+//   schedule-event.SplitTaskContinuedLast,
+//   schedule-event.RepeatProjectionSplitContinuedLast,
+//   schedule-event.RepeatProjectionSplitContinued,
+//   schedule-event.SplitTaskContinued,
+//   schedule-event.LunchBreak,
+//   .work-end,
+//   .current-time,
+//   .work-start,
+//   .time,
+//   .row {
+//     display: none !important;
+//   }
+// }
 
 header {
   display: flex;
@@ -116,6 +117,7 @@ header {
   justify-content: center;
 
   border-bottom: 1px solid $light-theme-extra-border-color;
+
   @include darkTheme() {
     border-color: $dark-theme-extra-border-color;
   }
@@ -125,6 +127,7 @@ header {
   line-height: 32px;
   font-size: 18px;
   border-left: 1px solid $light-theme-extra-border-color;
+
   @include darkTheme() {
     border-color: $dark-theme-extra-border-color;
   }
@@ -166,8 +169,9 @@ header {
   }
 
   &.drag-over {
-    //background: $c-primary !important;
+    // background: $c-primary !important;
     background: mat-css-vars.mat-css-color-primary($opacity: 0.2);
+
     @include darkTheme() {
       background: mat-css-vars.mat-css-color-primary($opacity: 0.2);
     }
@@ -254,11 +258,11 @@ header {
     display: flex;
   }
 
-  .end-of-day & {
-    //top: auto;
-    //bottom: 100px;
-    //outline: 1px dashed red;
-  }
+  // .end-of-day & {
+  //   top: auto;
+  //   bottom: 100px;
+  //   outline: 1px dashed red;
+  // }
 }
 
 .excess-entries {
@@ -324,6 +328,7 @@ header {
   &:hover {
     z-index: 22;
     border-color: #000;
+
     @include darkTheme() {
       border-color: #fff;
     }
@@ -370,18 +375,18 @@ schedule-event.cdk-drag-dragging + schedule-event {
 
 @include mq(sm) {
   :host ::ng-deep {
-    .close-to-others {
-      //outline: 2px solid blue;
-    }
+    // .close-to-others {
+    //   outline: 2px solid blue;
+    // }
 
     .close-to-others-first {
-      //outline: 2px solid red !important;
+      // outline: 2px solid red !important;
       transform: translate3d(0, 0, 0);
     }
 
     .close-to-others-first + .close-to-others {
       transform: translate3d(40px, 0, 0);
-      //outline-color: palegreen !important;
+      // outline-color: palegreen !important;
     }
 
     .close-to-others-first
@@ -392,13 +397,13 @@ schedule-event.cdk-drag-dragging + schedule-event {
     .close-to-others-first + .close-to-others + .close-to-others + .close-to-others,
     .close-to-others-first + .close-to-others + .close-to-others {
       transform: translate3d(80px, 0, 0);
-      //outline-color: orchid !important;
+      // outline-color: orchid !important;
     }
 
-    //.close-to-others-first + .close-to-others + .close-to-others + .close-to-others {
-    //  transform: translate3d(120px, 0, 0);
-    //  //outline-color: palegoldenrod !important;
-    //}
+    // .close-to-others-first+.close-to-others+.close-to-others+.close-to-others {
+    //   transform: translate3d(120px, 0, 0);
+    //   // outline-color: palegoldenrod !important;
+    // }
 
     .close-to-others-first
       + .close-to-others
@@ -406,7 +411,7 @@ schedule-event.cdk-drag-dragging + schedule-event {
       + .close-to-others
       + .close-to-others {
       transform: translate3d(160px, 0, 0);
-      //outline-color: #5893f1 !important;
+      // outline-color: #5893f1 !important;
     }
   }
 }
diff --git a/src/app/features/search-bar/search-bar.component.scss b/src/app/features/search-bar/search-bar.component.scss
index 8b15243792e..93c22d69f83 100644
--- a/src/app/features/search-bar/search-bar.component.scss
+++ b/src/app/features/search-bar/search-bar.component.scss
@@ -2,7 +2,7 @@
 
 :host {
   display: block;
-  //overflow: hidden;
+  // overflow: hidden;
   text-align: start;
   position: fixed;
   top: $s;
@@ -155,8 +155,8 @@ $short-syntax-bar-height: 28px;
   border-top: 1px dashed $light-theme-extra-border-color;
   position: relative;
   z-index: 1;
-  //border-bottom-left-radius: $card-border-radius;
-  //border-bottom-right-radius: $card-border-radius;
+  // border-bottom-left-radius: $card-border-radius;
+  // border-bottom-right-radius: $card-border-radius;
   pointer-events: none;
 
   @include darkTheme {
diff --git a/src/app/features/tag/tag-list/tag-list.component.scss b/src/app/features/tag/tag-list/tag-list.component.scss
index 9d334209d75..4a05bd1924c 100644
--- a/src/app/features/tag/tag-list/tag-list.component.scss
+++ b/src/app/features/tag/tag-list/tag-list.component.scss
@@ -8,7 +8,7 @@
 .tags-container {
   display: inline-block;
   position: relative;
-  //margin-left: 50px;
+  // margin-left: 50px;
   // Magic number to align icon with task text
   user-select: none;
   -webkit-user-select: none; /* Safari */
diff --git a/src/app/features/tag/tag/tag.component.scss b/src/app/features/tag/tag/tag.component.scss
index 616a6e93e4d..5cae49b91f9 100644
--- a/src/app/features/tag/tag/tag.component.scss
+++ b/src/app/features/tag/tag/tag.component.scss
@@ -16,6 +16,7 @@
   @include darkTheme() {
     color: $dark-theme-text-color-less-intense;
   }
+
   @include lightTheme() {
     color: $light-theme-text-color-less-intense;
   }
@@ -33,13 +34,13 @@ $pad: ($ico-size - $line-height + $ico-pad * 2) * 0.5;
   line-height: $line-height;
   padding: $pad 0;
 
-  //// hide inside add task bar for smaller screens
-  ///* TODO(mdc-migration): The following rule targets internal classes of autocomplete that may no longer apply for the MDC version.*/
-  //:host-context(.mat-autocomplete-panel) & {
-  //  @include mq(xs, max) {
-  //    display: none;
-  //  }
-  //}
+  // hide inside add task bar for smaller screens
+  // TODO(mdc-migration): The following rule targets internal classes of autocomplete that may no longer apply for the MDC version.
+  // :host-context(.mat-autocomplete-panel) & {
+  //   @include mq(xs, max) {
+  //     display: none;
+  //   }
+  // }
 }
 
 .tag-ico {
diff --git a/src/app/features/tasks/add-task-bar/add-task-bar.component.scss b/src/app/features/tasks/add-task-bar/add-task-bar.component.scss
index 2870b75af8a..0041ac6e605 100644
--- a/src/app/features/tasks/add-task-bar/add-task-bar.component.scss
+++ b/src/app/features/tasks/add-task-bar/add-task-bar.component.scss
@@ -2,7 +2,7 @@
 
 :host {
   display: block;
-  //overflow: hidden;
+  // overflow: hidden;
   text-align: start;
 
   &.global {
diff --git a/src/app/features/tasks/dialog-task-detail-panel/dialog-task-detail-panel.component.scss b/src/app/features/tasks/dialog-task-detail-panel/dialog-task-detail-panel.component.scss
index f3694a91c0a..52222667cc1 100644
--- a/src/app/features/tasks/dialog-task-detail-panel/dialog-task-detail-panel.component.scss
+++ b/src/app/features/tasks/dialog-task-detail-panel/dialog-task-detail-panel.component.scss
@@ -31,9 +31,9 @@
       display: none !important;
     }
 
-    .wrapper {
-      //padding: 16px;
-    }
+    // .wrapper {
+    //   padding: 16px;
+    // }
 
     task-detail-item {
       margin-left: $s;
diff --git a/src/app/features/tasks/dialog-view-task-reminders/dialog-view-task-reminders.component.scss b/src/app/features/tasks/dialog-view-task-reminders/dialog-view-task-reminders.component.scss
index 22c17ade27f..097e37b82c5 100644
--- a/src/app/features/tasks/dialog-view-task-reminders/dialog-view-task-reminders.component.scss
+++ b/src/app/features/tasks/dialog-view-task-reminders/dialog-view-task-reminders.component.scss
@@ -1,8 +1,8 @@
 @import 'src/variables';
 
-:host {
-  //text-align: center;
-}
+// :host {
+//   text-align: center;
+// }
 
 .tasks {
   margin-bottom: $s * 2;
diff --git a/src/app/features/tasks/task-attachment/task-attachment-list/task-attachment-list.component.scss b/src/app/features/tasks/task-attachment/task-attachment-list/task-attachment-list.component.scss
index cc511e3eeff..f47a8882590 100644
--- a/src/app/features/tasks/task-attachment/task-attachment-list/task-attachment-list.component.scss
+++ b/src/app/features/tasks/task-attachment/task-attachment-list/task-attachment-list.component.scss
@@ -34,7 +34,7 @@ $thisLowerHeight: $thisHeight - $thisUpperHeight;
     border: 1px solid $light-theme-extra-border-color;
   }
 
-  //.controls,
+  // .controls,
   > a:focus + .controls,
   &.focus .controls,
   &:hover .controls {
@@ -103,7 +103,7 @@ $thisLowerHeight: $thisHeight - $thisUpperHeight;
   left: 0;
   right: 0;
   top: 0;
-  //transform: translateY(25%);
+  // transform: translateY(25%);
   z-index: 5;
   visibility: hidden;
   display: flex;
diff --git a/src/app/features/tasks/task-context-menu/task-context-menu-inner/task-context-menu-inner.component.scss b/src/app/features/tasks/task-context-menu/task-context-menu-inner/task-context-menu-inner.component.scss
index f4e2f960ed6..47b08afe1b0 100644
--- a/src/app/features/tasks/task-context-menu/task-context-menu-inner/task-context-menu-inner.component.scss
+++ b/src/app/features/tasks/task-context-menu/task-context-menu-inner/task-context-menu-inner.component.scss
@@ -34,9 +34,9 @@
   border-bottom: 1px solid var(--extra-border-color);
   height: 48px;
 
-  //@include darkTheme() {
+  // @include darkTheme() {
   //  border-color: $dark-theme-extra-border-color;
-  //}
+  // }
 
   > button {
     height: 48px;
diff --git a/src/app/features/tasks/task-detail-panel/task-additional-info-item/task-detail-item.component.scss b/src/app/features/tasks/task-detail-panel/task-additional-info-item/task-detail-item.component.scss
index 39331d05ce3..7638c0e344e 100644
--- a/src/app/features/tasks/task-detail-panel/task-additional-info-item/task-detail-item.component.scss
+++ b/src/app/features/tasks/task-detail-panel/task-additional-info-item/task-detail-item.component.scss
@@ -47,13 +47,13 @@
 .input-item,
 .mat-expansion-panel {
   box-shadow: none;
-  //overflow: inherit !important;
+  // overflow: inherit !important;
   border-width: 1px;
   border-style: solid;
   border-radius: 0;
   margin: 8px;
   border-radius: $card-border-radius * 1;
-  //overflow: visible;
+  // overflow: visible;
   border-color: transparent;
 
   :host-context(.isNoTouchOnly):focus & {
@@ -75,12 +75,12 @@
   @include darkTheme() {
     background: $dark10;
     box-shadow: $whiteframe-shadow-1dp;
-    //border-color: $dark-theme-separator-color;
+    // border-color: $dark-theme-separator-color;
   }
   @include lightTheme {
     background: #fff;
     border-color: $light-theme-extra-border-color;
-    //border-color: $light-theme-separator-color;
+    // border-color: $light-theme-separator-color;
   }
 }
 
@@ -121,7 +121,7 @@ mat-expansion-panel::ng-deep .mat-expansion-panel-header:not(.mat-expanded),
     overflow: hidden;
     text-overflow: ellipsis;
 
-    //min-width: 130px;
+    // min-width: 130px;
   }
 
   .mat-expansion-panel-header-description {
@@ -153,7 +153,7 @@ mat-expansion-panel::ng-deep .mat-expansion-panel-header:not(.mat-expanded),
 
       @include lightTheme {
         background: $light-theme-bg;
-        //border: 1px solid $light-theme-extra-border-color;
+        // border: 1px solid $light-theme-extra-border-color;
       }
       @include darkTheme() {
         border-radius: $card-border-radius;
@@ -267,13 +267,13 @@ mat-expansion-panel::ng-deep .mat-expansion-panel-header:not(.mat-expanded),
 }
 
 .input-item__edit-btn {
-  //opacity: 0;
+  // opacity: 0;
   margin-left: $s * -3;
   margin-right: $s;
   display: none !important;
 
   .input-item:hover & {
-    //opacity: 1;
+    // opacity: 1;
     display: block !important;
   }
 }
diff --git a/src/app/features/tasks/task-detail-panel/task-detail-panel.component.scss b/src/app/features/tasks/task-detail-panel/task-detail-panel.component.scss
index c81b04c3f66..654cd7ab60d 100644
--- a/src/app/features/tasks/task-detail-panel/task-detail-panel.component.scss
+++ b/src/app/features/tasks/task-detail-panel/task-detail-panel.component.scss
@@ -44,11 +44,12 @@ progress-bar {
 
   @include lightTheme() {
     background: #fff;
-    //border-bottom: 1px solid $c-primary;
+    // border-bottom: 1px solid $c-primary;
   }
+
   @include darkTheme() {
     background: $dark-theme-bg-slightly-lighter;
-    //border-bottom: 1px solid $c-primary;
+    // border-bottom: 1px solid $c-primary;
   }
 
   @include mq(xs) {
@@ -102,6 +103,7 @@ progress-bar {
   opacity: 0.5;
   text-align: center;
   color: $light-theme-text-color-muted;
+
   @include darkTheme() {
     color: $dark-theme-text-color-muted;
   }
diff --git a/src/app/features/tasks/task-summary-table/task-summary-table.component.scss b/src/app/features/tasks/task-summary-table/task-summary-table.component.scss
index 82f35dcdba1..725386cdaa5 100644
--- a/src/app/features/tasks/task-summary-table/task-summary-table.component.scss
+++ b/src/app/features/tasks/task-summary-table/task-summary-table.component.scss
@@ -111,7 +111,7 @@
 
 .task-title {
   display: flex;
-  //border: 1px solid orange;
+  // border: 1px solid orange;
   text-align: start;
   align-items: center;
 
diff --git a/src/app/features/tasks/task/task.component.mixins.scss b/src/app/features/tasks/task/task.component.mixins.scss
index c14bcee8adc..d2af4a4f657 100644
--- a/src/app/features/tasks/task/task.component.mixins.scss
+++ b/src/app/features/tasks/task/task.component.mixins.scss
@@ -56,15 +56,15 @@ $task-c-drag-drop-bg-dark: $dark12;
 $task-c-selected-bg-light: $light-theme-selected-task-bg-color;
 $task-c-selected-bg-dark: $dark4;
 
-//// new colors a bit darker
-//$task-c-bg-dark: $dark2;
-//$sub-task-c-bg-dark-done: $dark3;
-//$sub-task-c-bg-dark: $dark4;
-//$task-c-selected-bg-dark: $dark6;
-//$sub-task-c-bg-dark-in-selected: $dark8;
-//$task-c-current-bg-dark: $dark12;
-
-////// new colors
+// new colors a bit darker
+// $task-c-bg-dark: $dark2;
+// $sub-task-c-bg-dark-done: $dark3;
+// $sub-task-c-bg-dark: $dark4;
+// $task-c-selected-bg-dark: $dark6;
+// $sub-task-c-bg-dark-in-selected: $dark8;
+// $task-c-current-bg-dark: $dark12;
+
+// new colors
 $task-c-bg-dark: $dark3;
 $sub-task-c-bg-dark: $dark4_5;
 $task-c-selected-bg-dark: $dark6;
@@ -139,7 +139,7 @@ $sub-task-c-bg-dark-done: $dark2;
       -webkit-user-select: text; /* Safari */
 
       // the magic number is 15/14 so we scale to whole pixels
-      //transform: scale(1.071428571);
+      // transform: scale(1.071428571);
       transition: $transition-enter;
       outline: none;
       outline: 1px solid $c-accent;
diff --git a/src/app/features/tasks/task/task.component.scss b/src/app/features/tasks/task/task.component.scss
index 041a38f4a42..51966e4e86a 100644
--- a/src/app/features/tasks/task/task.component.scss
+++ b/src/app/features/tasks/task/task.component.scss
@@ -22,8 +22,8 @@
 
   &.isSelected {
     z-index: $z-is-selected-host;
-    //position: sticky;
-    //top: 16px;
+    // position: sticky;
+    // top: 16px;
   }
 
   &.isCurrent {
@@ -45,9 +45,9 @@
   margin-bottom: 0;
 }
 
-//::ng-deep task .box {
+// ::ng-deep task .box {
 //  background: red !important;
-//}
+// }
 
 .box {
   position: absolute;
@@ -94,7 +94,7 @@
     transition-property: left, right, box-shadow;
     box-shadow: $task-selected-shadow-light;
     // because of the shadow, this looks better
-    //bottom: 2px;
+    // bottom: 2px;
 
     @include darkTheme {
       box-shadow: $task-selected-shadow-dark;
@@ -117,6 +117,7 @@
 
   :host:focus > .inner-wrapper > & {
     border-radius: $task-border-radius;
+
     // we don't want focus borders for touch only devices
     @include noTouchOnly() {
       border-color: $task-c-focus;
@@ -135,10 +136,10 @@
     border-radius: $task-border-radius;
     box-shadow: $task-current-shadow-light;
     // because of the shadow, this looks better
-    //bottom: 2px;
+    // bottom: 2px;
 
     @include mq(xs) {
-      //transform: scale($task-current-task-zoom);
+      // transform: scale($task-current-task-zoom);
       left: -1 * ($task-border-radius);
       right: -1 * ($task-border-radius);
     }
@@ -149,9 +150,11 @@
     @include mq(xs) {
       right: -34px;
     }
+
     @include mq(md) {
       right: -234px;
     }
+
     @include mq(xl) {
       right: -1 * ($task-border-radius);
     }
@@ -189,7 +192,7 @@
   }
 
   @include mq(xs) {
-    //margin: $s $s*2 $s $s*3;
+    // margin: $s $s*2 $s $s*3;
     margin: $s $s $s $s * 5;
   }
 
@@ -217,7 +220,8 @@
   align-items: stretch;
   flex-wrap: nowrap;
   user-select: none;
-  -webkit-user-select: none; /* Safari */
+  -webkit-user-select: none;
+  /* Safari */
   justify-content: space-between;
   min-height: $task-first-line-min-height;
   touch-action: pan-y;
@@ -227,10 +231,10 @@
     justify-content: flex-end;
   }
 
-  //@include smallMainContainer{
+  // @include smallMainContainer{
   //  flex-wrap: wrap;
   //  justify-content: flex-end;
-  //}
+  // }
 }
 
 .title-and-left-btns-wrapper {
@@ -243,11 +247,11 @@
   flex-shrink: 1;
   flex-basis: 70%;
   // we cannot do this since this cuts of the box shadow of the task edit
-  //overflow: hidden;
+  // overflow: hidden;
 
   @include mq(xs, max) {
-    //margin-bottom: 5px;
-    //flex-shrink: 0;
+    // margin-bottom: 5px;
+    // flex-shrink: 0;
     flex-basis: 50%;
   }
 
@@ -293,14 +297,14 @@
       }
     }
 
-    &:hover {
-      //@include darkTheme() {
-      //  background: rgba(255, 255, 255, 0.1);
-      //}
-      //@include lightTheme() {
-      //  background: rgba(0, 0, 0, 0.05);
-      //}
-    }
+    // &:hover {
+    //   @include darkTheme() {
+    //    background: rgba(255, 255, 255, 0.1);
+    //   }
+    //   @include lightTheme() {
+    //    background: rgba(0, 0, 0, 0.05);
+    //   }
+    // }
   }
 
   @include mq(xs, max) {
@@ -324,7 +328,7 @@
   flex-grow: 1;
   flex-shrink: 1;
   // we cannot do this since this cuts of the box shadow of the task edit
-  //overflow: hidden;
+  // overflow: hidden;
 
   > * {
     @include touchOnlyDevice {
@@ -450,12 +454,15 @@
 
   @include verySmallMainContainer {
     flex-direction: row;
+
     &:after {
       display: none;
     }
+
     .time {
       flex-direction: row;
     }
+
     .separator {
       display: block;
     }
@@ -606,9 +613,9 @@ progress-bar {
   height: 40px;
   min-width: 40px;
   z-index: $z-drag-handle;
-  //display: flex;
-  //justify-content: center;
-  //align-items: center;
+  // display: flex;
+  // justify-content: center;
+  // align-items: center;
   position: relative;
 
   // fixes drag and drop on mobile
@@ -649,9 +656,10 @@ progress-bar {
   .drag-handle-ico {
     @include mq(xs) {
       opacity: 0.15;
-      //.first-line:hover & {
-      //opacity: 0.3;
-      //}
+
+      // .first-line:hover & {
+      //   opacity: 0.3;
+      // }
     }
 
     :host.isCurrent & {
@@ -682,7 +690,7 @@ progress-bar {
 }
 
 $this-play-size: 22px;
-//
+
 .play-icon-indicator {
   position: absolute;
   top: 50%;
@@ -701,12 +709,12 @@ $this-play-size: 22px;
 
   @include mq(xs) {
     margin-top: 0;
-    //left: 10px;
+    // left: 10px;
   }
 
-  //.first-line:hover & {
+  // .first-line:hover & {
   //  display: none;
-  //}
+  // }
 }
 
 .ico-btn {
@@ -752,9 +760,9 @@ $this-play-size: 22px;
   transition-property: all;
   box-shadow: $whiteframe-shadow-1dp;
 
-  :host-context(.isNoTouchOnly) & {
-    //opacity: 0;
-  }
+  // :host-context(.isNoTouchOnly) & {
+  //   opacity: 0;
+  // }
 
   :host:hover & {
     opacity: 1;
@@ -797,9 +805,11 @@ $this-play-size: 22px;
   0% {
     transform: scale(0.5) rotate(-180deg);
   }
+
   50% {
     transform: scale(1) rotate(-90deg);
   }
+
   100% {
     transform: scale(1) rotate(0deg);
   }
@@ -808,7 +818,8 @@ $this-play-size: 22px;
 .isPreventPointerEventsWhilePanning {
   * {
     user-select: none !important;
-    -webkit-user-select: none !important; /* Safari */
+    -webkit-user-select: none !important;
+    /* Safari */
     pointer-events: none !important;
     transition: none !important;
   }
diff --git a/src/app/features/work-view/split/split.component.scss b/src/app/features/work-view/split/split.component.scss
index 8429b04eb2c..67f9743a4a4 100644
--- a/src/app/features/work-view/split/split.component.scss
+++ b/src/app/features/work-view/split/split.component.scss
@@ -8,7 +8,7 @@ $splitLineHeight: 2px;
   left: 0;
   top: 0;
   width: 100%;
-  //cursor: row-resize;
+  // cursor: row-resize;
 
   .handle {
     position: absolute;
@@ -23,7 +23,7 @@ $splitLineHeight: 2px;
       position: absolute;
       width: 100%;
       height: 100%;
-      //box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, 0.4);
+      // box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, 0.4);
       pointer-events: none;
     }
   }
@@ -40,13 +40,13 @@ $splitLineHeight: 2px;
     cursor: grab;
     transform-origin: left center;
 
-    //$this-size: 56px;
-    //transform: translate(-50%, -100%);
-    //height: $this-size/2;
-    //width: $this-size;
-    //border-bottom: 0;
-    //border-radius: $this-size $this-size 0 0;
-    //top: $splitLineHeight/2;
+    // $this-size: 56px;
+    // transform: translate(-50%, -100%);
+    // height: $this-size/2;
+    // width: $this-size;
+    // border-bottom: 0;
+    // border-radius: $this-size $this-size 0 0;
+    // top: $splitLineHeight/2;
 
     &:active {
       cursor: grabbing;
diff --git a/src/app/features/work-view/work-view.component.scss b/src/app/features/work-view/work-view.component.scss
index f11049fb755..066634e3a1d 100644
--- a/src/app/features/work-view/work-view.component.scss
+++ b/src/app/features/work-view/work-view.component.scss
@@ -103,8 +103,8 @@ h2 {
     margin-right: $s;
   }
 
-  .time-val {
-  }
+  // .time-val {
+  // }
 
   .no-wrap {
     display: inline-block;
@@ -154,8 +154,8 @@ h2 {
 .today {
   position: absolute;
   left: 0;
-  //transition: max-height, min-height 500ms ease-in-out;
-  //transition: all 500ms linear;
+  // transition: max-height, min-height 500ms ease-in-out;
+  // transition: all 500ms linear;
   width: 100%;
 
   &.isAnimatable {
diff --git a/src/app/features/worklog/worklog-export/worklog-export.component.scss b/src/app/features/worklog/worklog-export/worklog-export.component.scss
index 38b1690f155..fe176c8badd 100644
--- a/src/app/features/worklog/worklog-export/worklog-export.component.scss
+++ b/src/app/features/worklog/worklog-export/worklog-export.component.scss
@@ -139,9 +139,9 @@
     @include extraBorder;
   }
 
-  th {
-    //@include mat-css-color-and-contrast(500);
-  }
+  // th {
+  //   @include mat-css-color-and-contrast(500);
+  // }
 
   th,
   td {
diff --git a/src/app/features/worklog/worklog-week/worklog-week.component.scss b/src/app/features/worklog/worklog-week/worklog-week.component.scss
index 666e34179a3..fc5d89962de 100644
--- a/src/app/features/worklog/worklog-week/worklog-week.component.scss
+++ b/src/app/features/worklog/worklog-week/worklog-week.component.scss
@@ -26,8 +26,8 @@ $this-border-radius: 8px;
 }
 
 .scroll-wrapper {
-  //max-height: 280px;
-  //@include scrollY;
+  // max-height: 280px;
+  // @include scrollY;
 }
 
 .caption {
@@ -161,7 +161,7 @@ $this-border-radius: 8px;
   // MAGIC NUMBER ALERT!!!
   margin-left: -4 * $s;
   margin-right: -4 * $s;
-  //margin-top: $s;
+  // margin-top: $s;
 }
 
 .simple-counter-item {
diff --git a/src/app/pages/config-page/config-page.component.scss b/src/app/pages/config-page/config-page.component.scss
index 56aa22b9a67..e6910f11487 100644
--- a/src/app/pages/config-page/config-page.component.scss
+++ b/src/app/pages/config-page/config-page.component.scss
@@ -7,11 +7,11 @@
     position: relative;
   }
 
-  .section-wrapper {
-    //display: grid;
-    //grid-template-columns: 50% 50%;
-    //grid-gap: 0 $s*2;
-  }
+  // .section-wrapper {
+  //   display: grid;
+  //   grid-template-columns: 50% 50%;
+  //   grid-gap: 0 $s * 2;
+  // }
 
   .config-section {
     @include dividerBorderColor(1px);
@@ -22,7 +22,7 @@
 
     @include darkTheme {
       background-color: $dark-theme-card-bg;
-      //background-color: $dark-theme-bg-slightly-lighter;
+      // background-color: $dark-theme-bg-slightly-lighter;
     }
 
     .md-title {
diff --git a/src/app/pages/daily-summary/daily-summary.component.scss b/src/app/pages/daily-summary/daily-summary.component.scss
index 593616b903f..3a91c03d5cc 100644
--- a/src/app/pages/daily-summary/daily-summary.component.scss
+++ b/src/app/pages/daily-summary/daily-summary.component.scss
@@ -10,8 +10,8 @@ $summary-point-inner-margin: $s;
   ::ng-deep {
     .mat-mdc-tab .mdc-tab__text-label {
       @include darkTheme() {
-        //color: $dark-theme-text-color;
-        //font-weight: 300;
+        // color: $dark-theme-text-color;
+        // font-weight: 300;
       }
     }
   }
@@ -39,18 +39,18 @@ $summary-point-inner-margin: $s;
   }
 
   // in case we every want to go sticky
-  //::ng-deep .mat-tab-header {
-  //  top: 0;
-  //  z-index: 1000;
-  //  position: sticky;
-  //  position: -webkit-sticky; /* macOS/iOS Safari */
-  //}
+  // ::ng-deep .mat-tab-header {
+  //   top: 0;
+  //   z-index: 1000;
+  //   position: sticky;
+  //   position: -webkit-sticky; /* macOS/iOS Safari */
+  // }
 }
 
 .page-wrapper {
-  //display: flex;
-  //align-items: center;
-  //flex-direction: column;
+  // display: flex;
+  // align-items: center;
+  // flex-direction: column;
   text-align: center;
 }
 
@@ -90,13 +90,13 @@ $summary-point-inner-margin: $s;
   align-items: center;
   text-align: center;
   margin: $summary-point-inner-margin;
-  //flex-grow: 1;
+  // flex-grow: 1;
   flex-basis: 160px;
   position: relative;
 }
 
-.summary-text {
-}
+// .summary-text {
+// }
 
 .summary-val {
   font-weight: bold;
@@ -114,9 +114,9 @@ $summary-point-inner-margin: $s;
   button {
     margin: 0 $s * 0.5;
 
-    mat-icon + mat-icon {
-      //margin-left: -$s;
-    }
+    // mat-icon + mat-icon {
+    //   margin-left: -$s;
+    // }
   }
 }
 
@@ -138,7 +138,7 @@ $summary-point-inner-margin: $s;
     display: block;
     font-size: $this-ico-size;
     color: $yellow;
-    //transform-origin: center center;
+    // transform-origin: center center;
     animation: success-animation-sun #{$this-ani-style};
     backface-visibility: hidden;
   }
diff --git a/src/app/pages/project-settings-page/project-settings-page.component.scss b/src/app/pages/project-settings-page/project-settings-page.component.scss
index d19165febf4..f47bc201b19 100644
--- a/src/app/pages/project-settings-page/project-settings-page.component.scss
+++ b/src/app/pages/project-settings-page/project-settings-page.component.scss
@@ -1,10 +1,10 @@
 @import '../../../variables';
 
-.section-wrapper {
-  //display: grid;
-  //grid-template-columns: 50% 50%;
-  //grid-gap: 0 $s*2;
-}
+// .section-wrapper {
+//   display: grid;
+//   grid-template-columns: 50% 50%;
+//   grid-gap: 0 $s * 2;
+// }
 
 .config-section {
   @include dividerBorderColor(1px);
diff --git a/src/app/pages/scheduled-list-page/scheduled-list-page.component.scss b/src/app/pages/scheduled-list-page/scheduled-list-page.component.scss
index c3d85657314..c7acce8d3be 100644
--- a/src/app/pages/scheduled-list-page/scheduled-list-page.component.scss
+++ b/src/app/pages/scheduled-list-page/scheduled-list-page.component.scss
@@ -32,7 +32,7 @@
   opacity: 0.9;
   overflow: hidden;
   white-space: nowrap;
-  //flex: 1 0 auto;
+  // flex: 1 0 auto;
   flex-shrink: 0;
 
   @include mq(xs) {
@@ -92,7 +92,7 @@
   .task-info {
     flex: 1;
     display: flex;
-    //flex-direction: column;
+    // flex-direction: column;
     align-items: center;
 
     @include mq(xs) {
@@ -107,7 +107,7 @@
   .title {
     flex: 1;
     padding-top: $s;
-    //padding-bottom: $s;
+    // padding-bottom: $s;
     display: flex;
     flex-direction: column;
 
@@ -192,6 +192,6 @@
     }
   }
 
-  &:last-of-type {
-  }
+  // &:last-of-type {
+  // }
 }
diff --git a/src/app/pages/tag-settings-page/tag-settings-page.component.scss b/src/app/pages/tag-settings-page/tag-settings-page.component.scss
index d19165febf4..f47bc201b19 100644
--- a/src/app/pages/tag-settings-page/tag-settings-page.component.scss
+++ b/src/app/pages/tag-settings-page/tag-settings-page.component.scss
@@ -1,10 +1,10 @@
 @import '../../../variables';
 
-.section-wrapper {
-  //display: grid;
-  //grid-template-columns: 50% 50%;
-  //grid-gap: 0 $s*2;
-}
+// .section-wrapper {
+//   display: grid;
+//   grid-template-columns: 50% 50%;
+//   grid-gap: 0 $s * 2;
+// }
 
 .config-section {
   @include dividerBorderColor(1px);
diff --git a/src/app/ui/better-drawer/better-drawer-container/better-drawer-container.component.scss b/src/app/ui/better-drawer/better-drawer-container/better-drawer-container.component.scss
index 6fe3f73a105..996caa1d91c 100644
--- a/src/app/ui/better-drawer/better-drawer-container/better-drawer-container.component.scss
+++ b/src/app/ui/better-drawer/better-drawer-container/better-drawer-container.component.scss
@@ -32,10 +32,10 @@ $z-this-backdrop: -1 + $z-task-side-bar-over;
   // NOTE: prevents overlapping with nav when open
   max-width: 700px;
   background: transparent;
-  //border: 1px solid;
-  //border-right: 0;
-  //border-bottom: 0;
-  //box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
+  // border: 1px solid;
+  // border-right: 0;
+  // border-bottom: 0;
+  // box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
 
   @include mq(sm, max) {
     // NOTE: prevents overlapping with nav when open
@@ -48,13 +48,13 @@ $z-this-backdrop: -1 + $z-task-side-bar-over;
 
   @include lightTheme() {
     background: $light-theme-selected-task-bg-color;
-    //border-color: rgba(0, 0, 0, 0.12);
+    // border-color: rgba(0, 0, 0, 0.12);
   }
 
   @include darkTheme() {
     background: $dark-theme-bg-slightly-lighter;
     background: $dark6;
-    //border-color: $dark-theme-extra-border-color;
+    // border-color: $dark-theme-extra-border-color;
   }
 
   :host.isOver & {
@@ -144,6 +144,6 @@ $z-this-backdrop: -1 + $z-task-side-bar-over;
   }
 
   @include mq(xs) {
-    //display: none;
+    // display: none;
   }
 }
diff --git a/src/app/ui/collapsible/collapsible.component.scss b/src/app/ui/collapsible/collapsible.component.scss
index 852c623c319..d1d3e70bfb9 100644
--- a/src/app/ui/collapsible/collapsible.component.scss
+++ b/src/app/ui/collapsible/collapsible.component.scss
@@ -29,9 +29,9 @@
 .collapsible-title {
   flex-grow: 1;
 
-  :host.isInline & {
-    //display: inline-block;
-  }
+  // :host.isInline & {
+  //   display: inline-block;
+  // }
 }
 
 .collapsible-expand-icon {
diff --git a/src/app/ui/formly-collapsible/formly-collapsible.component.scss b/src/app/ui/formly-collapsible/formly-collapsible.component.scss
index f569cc84d08..12e1bafbe77 100644
--- a/src/app/ui/formly-collapsible/formly-collapsible.component.scss
+++ b/src/app/ui/formly-collapsible/formly-collapsible.component.scss
@@ -11,7 +11,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  //padding-top: 16px;
+  // padding-top: 16px;
   padding-bottom: 8px;
 
   &:focus {
@@ -31,9 +31,9 @@
 .collapsible-title {
   flex-grow: 1;
 
-  :host.isInline & {
-    //display: inline-block;
-  }
+  // :host.isInline & {
+  //   display: inline-block;
+  // }
 }
 
 .collapsible-expand-icon {
diff --git a/src/app/ui/inline-input/inline-input.component.scss b/src/app/ui/inline-input/inline-input.component.scss
index b5b2e05f327..8d2bd003228 100644
--- a/src/app/ui/inline-input/inline-input.component.scss
+++ b/src/app/ui/inline-input/inline-input.component.scss
@@ -38,7 +38,7 @@ input {
   top: 50%;
   transform: translate(-50%, -50%) scaleX(0);
   opacity: 0;
-  //transition: $transition-fast;
+  // transition: $transition-fast;
   background: #fff;
   color: $light-theme-text-color;
   padding: $s * 0.5 $s * 0.5;
diff --git a/src/app/ui/inline-markdown/inline-markdown.component.scss b/src/app/ui/inline-markdown/inline-markdown.component.scss
index 26682207425..544bf95280a 100644
--- a/src/app/ui/inline-markdown/inline-markdown.component.scss
+++ b/src/app/ui/inline-markdown/inline-markdown.component.scss
@@ -33,7 +33,7 @@
 
 .markdown-unparsed,
 .markdown-parsed {
-  //transition: height 1.3s;
+  // transition: height 1.3s;
   border: 0;
   padding: $s $s * 2;
   margin: 0;
diff --git a/src/app/ui/inline-multiline-input/inline-multiline-input.component.scss b/src/app/ui/inline-multiline-input/inline-multiline-input.component.scss
index b3626404e86..67cf6be1d84 100644
--- a/src/app/ui/inline-multiline-input/inline-multiline-input.component.scss
+++ b/src/app/ui/inline-multiline-input/inline-multiline-input.component.scss
@@ -1,5 +1,5 @@
 @import '../../../variables';
-//@import '../../../tasks/task/task.component.mixins';
+// @import '../../../tasks/task/task.component.mixins';
 
 :host {
   display: block;
@@ -29,6 +29,6 @@
   box-shadow: $whiteframe-shadow-4dp;
 
   @include darkTheme() {
-    //background: $dark12;
+    // background: $dark12;
   }
 }
diff --git a/src/app/ui/progress-bar/progress-bar.component.scss b/src/app/ui/progress-bar/progress-bar.component.scss
index a656b98f6e3..9cda4914ae8 100644
--- a/src/app/ui/progress-bar/progress-bar.component.scss
+++ b/src/app/ui/progress-bar/progress-bar.component.scss
@@ -21,29 +21,29 @@
     border-radius: 4px;
   }
 
-  //margin-bottom: -2px;
-
-  //@include darkTheme {
-  //  background-color: #999999;
-  //}
-
-  //&:after {
-  //  content: '';
-  //  position: absolute;
-  //  bottom: 50%;
-  //  right: -1px;
-  //  transform: translateY(50%);
-  //  background: inherit;
-  //  width: 2px;
-  //  height: 9px;
-  //  border: 1px solid inherit;
-  //}
-
-  .task.is-done & {
-    //opacity: 0.6;
-  }
-
-  .task.is-current & {
-    //background-color: $green !important;
-  }
+  // margin-bottom: -2px;
+  //
+  // @include darkTheme {
+  //   background-color: #999999;
+  // }
+  //
+  // &:after {
+  //   content: '';
+  //   position: absolute;
+  //   bottom: 50%;
+  //   right: -1px;
+  //   transform: translateY(50%);
+  //   background: inherit;
+  //   width: 2px;
+  //   height: 9px;
+  //   border: 1px solid inherit;
+  // }
+  //
+  // .task.is-done & {
+  //   opacity: 0.6;
+  // }
+  //
+  // .task.is-current & {
+  //   background-color: $green !important;
+  // }
 }
diff --git a/src/styles.scss b/src/styles.scss
index 82b83320a8b..20f365ee83d 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -13,7 +13,7 @@
 @import './styles/components/components';
 
 * {
-  //box-shadow: none !important;
+  // box-shadow: none !important;
   user-select: none;
   -webkit-touch-callout: none;
 }
diff --git a/src/styles/components/_components.scss b/src/styles/components/_components.scss
index 8940ba91093..6da5ffdde0c 100644
--- a/src/styles/components/_components.scss
+++ b/src/styles/components/_components.scss
@@ -18,4 +18,4 @@
 @import './planner-shared';
 @import './mentions';
 
-//@import '../../app/ui/custom-datetime-picker/sass/picker';
+// @import '../../app/ui/custom-datetime-picker/sass/picker';
diff --git a/src/styles/components/_overwrite-material.scss b/src/styles/components/_overwrite-material.scss
index e918e53c846..8c812d9cc6f 100644
--- a/src/styles/components/_overwrite-material.scss
+++ b/src/styles/components/_overwrite-material.scss
@@ -1,5 +1,5 @@
 :root {
-  //--mdc-fab-small-container-elevation-shadow: $whiteframe-shadow-4dp;
+  // --mdc-fab-small-container-elevation-shadow: $whiteframe-shadow-4dp;
   --mat-dialog-container-small-max-width: 94vw;
   --mat-dialog-container-max-width: 85vw;
   --mat-menu-item-label-text-size: 14px;
@@ -40,7 +40,7 @@ body .mat-mdc-dialog-surface {
 
 .mat-mdc-dialog-panel {
   @include mq(xs) {
-    //--mat-dialog-container-min-width: 350px;
+    // --mat-dialog-container-min-width: 350px;
   }
 }
 
@@ -88,7 +88,7 @@ body .mat-mdc-dialog-surface {
   --mdc-icon-button-state-layer-size: 40px;
 }
 
-//.mat-mdc-mini-fab.mat-mdc-mini-fab.mat-mdc-mini-fab,
+// .mat-mdc-mini-fab.mat-mdc-mini-fab.mat-mdc-mini-fab,
 .mat-mdc-icon-button.mat-mdc-icon-button.mat-mdc-icon-button {
   width: 40px;
   height: 40px;
@@ -179,7 +179,7 @@ mat-icon.mat-icon[svgicon] {
   outline: 1px dashed $c-primary;
   border-radius: 6px;
   cursor: grabbing;
-  //border: 2px solid green;
+  // border: 2px solid green;
 }
 
 // MAT MENU
diff --git a/src/styles/components/dragula.scss b/src/styles/components/dragula.scss
index a4cd2bce4f3..d76ec289b67 100644
--- a/src/styles/components/dragula.scss
+++ b/src/styles/components/dragula.scss
@@ -3,7 +3,7 @@
   position: fixed !important;
   margin: 0 !important;
   z-index: 9999 !important;
-  //opacity: 0.8;
+  // opacity: 0.8;
   pointer-events: none;
 }
 
diff --git a/src/styles/components/enlarge-img.scss b/src/styles/components/enlarge-img.scss
index 2e3f8704f5f..a739af8fc7e 100644
--- a/src/styles/components/enlarge-img.scss
+++ b/src/styles/components/enlarge-img.scss
@@ -15,7 +15,7 @@
   flex-direction: column; /* make main axis vertical */
   justify-content: center; /* center items vertically, in this case */
   align-items: center; /* center items horizontally, in this case */
-  //background: rgba(0, 0, 0, 0.2);
+  // background: rgba(0, 0, 0, 0.2);
   animation: $transition-standard fadeIn;
   z-index: $z-backdrop;
 
diff --git a/src/styles/components/markdown.scss b/src/styles/components/markdown.scss
index ed14c4dba8a..f6e76066a88 100644
--- a/src/styles/components/markdown.scss
+++ b/src/styles/components/markdown.scss
@@ -79,10 +79,10 @@
     }
   }
 
-  //input[type='checkbox'] {
-  //  margin-left: -20px;
-  //  pointer-events: none;
-  //}
+  // input[type='checkbox'] {
+  //   margin-left: -20px;
+  //   pointer-events: none;
+  // }
 
   .checkbox {
     display: inline-block;
diff --git a/src/styles/components/multi-btn-wrapper.scss b/src/styles/components/multi-btn-wrapper.scss
index 3f838596daf..1fc76977a44 100644
--- a/src/styles/components/multi-btn-wrapper.scss
+++ b/src/styles/components/multi-btn-wrapper.scss
@@ -16,7 +16,7 @@
   }
 
   > button:nth-of-type(n + 2) {
-    //>  button:last-of-type {
+    // >  button:last-of-type {
     border-radius: 0;
     align-self: stretch;
     display: inline-flex;
@@ -53,10 +53,10 @@
     }
   }
 
-  //button:first-of-type:focus + button {
-  //  @include mousePrimaryDevice(true) {
-  //    opacity: 0.8;
-  //    display: inline-flex;
-  //  }
-  //}
+  // button:first-of-type:focus + button {
+  //   @include mousePrimaryDevice(true) {
+  //     opacity: 0.8;
+  //     display: inline-flex;
+  //   }
+  // }
 }
diff --git a/src/styles/components/pyro.scss b/src/styles/components/pyro.scss
index 07f57f2965d..9035f67a777 100644
--- a/src/styles/components/pyro.scss
+++ b/src/styles/components/pyro.scss
@@ -51,7 +51,7 @@ More info: https://sass-lang.com/d/function-units
     position: absolute;
     width: 5px;
     height: 5px;
-    //border-radius: 50%;
+    // border-radius: 50%;
     box-shadow: $box-shadow2;
     animation:
       1s bang ease-out infinite backwards,
diff --git a/src/styles/components/shepherd.scss b/src/styles/components/shepherd.scss
index b14e7620965..1c998d80d35 100644
--- a/src/styles/components/shepherd.scss
+++ b/src/styles/components/shepherd.scss
@@ -1,4 +1,4 @@
-//@import "shepherd.js/dist/css/shepherd.css";
+// @import "shepherd.js/dist/css/shepherd.css";
 
 .shepherd-modal-overlay-container {
   display: none;
@@ -69,7 +69,7 @@
 
 .shepherd-header {
   padding: $s 1rem !important;
-  //background: transparent !important;
+  // background: transparent !important;
   @include darkTheme(true) {
     background: $dark8 !important;
   }
@@ -214,26 +214,32 @@
   pointer-events: none;
 }
 
-//.shepherd-modal-overlay-container {
-//  height: 0;
-//  left: 0;
-//  opacity: 0;
-//  overflow: hidden;
-//  pointer-events: none;
-//  position: fixed;
-//  top: 0;
-//  transition: all .3s ease-out, height 0ms .3s, opacity .3s 0ms;
-//  width: 100vw;
-//  z-index: 9997
-//}
+// .shepherd-modal-overlay-container {
+//   height: 0;
+//   left: 0;
+//   opacity: 0;
+//   overflow: hidden;
+//   pointer-events: none;
+//   position: fixed;
+//   top: 0;
+//   transition:
+//     all 0.3s ease-out,
+//     height 0ms 0.3s,
+//     opacity 0.3s 0ms;
+//   width: 100vw;
+//   z-index: 9997;
+// }
 //
-//.shepherd-modal-overlay-container.shepherd-modal-is-visible {
-//  height: 100vh;
-//  opacity: .5;
-//  transform: translateZ(0);
-//  transition: all .3s ease-out, height 0s 0s, opacity .3s 0s
-//}
+// .shepherd-modal-overlay-container.shepherd-modal-is-visible {
+//   height: 100vh;
+//   opacity: 0.5;
+//   transform: translateZ(0);
+//   transition:
+//     all 0.3s ease-out,
+//     height 0s 0s,
+//     opacity 0.3s 0s;
+// }
 //
-//.shepherd-modal-overlay-container.shepherd-modal-is-visible path {
-//  pointer-events: all
-//}
+// .shepherd-modal-overlay-container.shepherd-modal-is-visible path {
+//   pointer-events: all;
+// }
diff --git a/src/styles/components/table.scss b/src/styles/components/table.scss
index 3226f4a84e5..8b3b0e885cc 100644
--- a/src/styles/components/table.scss
+++ b/src/styles/components/table.scss
@@ -14,15 +14,15 @@ table {
 
     th,
     td {
-      &:first-child {
-        //padding-left: 0;
-      }
+      // &:first-child {
+      //   padding-left: 0;
+      // }
     }
     th,
     td {
-      &:last-child {
-        //padding-right: 0;
-      }
+      // &:last-child {
+      //   padding-right: 0;
+      // }
     }
   }
 }
diff --git a/src/styles/mixins/_inline-edit-elevation.scss b/src/styles/mixins/_inline-edit-elevation.scss
index 0e2af86cdcc..eae8a80fe87 100644
--- a/src/styles/mixins/_inline-edit-elevation.scss
+++ b/src/styles/mixins/_inline-edit-elevation.scss
@@ -1,5 +1,5 @@
-//$shadow-edit-on-click-light: 0 0 4px 0 rgba(0, 0, 0, 0.8), $whiteframe-shadow-14dp;
-//$shadow-edit-on-click-dark: 0 0 4px 0 $dark-theme-bg-lightest, $whiteframe-shadow-14dp;
+// $shadow-edit-on-click-light: 0 0 4px 0 rgba(0, 0, 0, 0.8), $whiteframe-shadow-14dp;
+// $shadow-edit-on-click-dark: 0 0 4px 0 $dark-theme-bg-lightest, $whiteframe-shadow-14dp;
 $shadow-edit-on-click-dark: $whiteframe-shadow-15dp;
 $shadow-edit-on-click-light: $whiteframe-shadow-7dp;
 
@@ -9,12 +9,12 @@ $shadow-edit-on-click-light: $whiteframe-shadow-7dp;
   box-shadow: $shadow-edit-on-click-light;
   color: $light-theme-text-color-most-intense;
   border: 1px solid $c-accent;
-  //border: 1px solid $light-theme-extra-border-color;
+  // border: 1px solid $light-theme-extra-border-color;
 
   @include darkTheme() {
     background: $dark-theme-bg-lightest;
     box-shadow: $shadow-edit-on-click-dark;
     color: $dark-theme-text-color-most-intense;
-    //border-color: $dark-theme-extra-border-color;
+    // border-color: $dark-theme-extra-border-color;
   }
 }
diff --git a/src/styles/mixins/_main-container.scss b/src/styles/mixins/_main-container.scss
index 9946d583865..edf3e738f19 100644
--- a/src/styles/mixins/_main-container.scss
+++ b/src/styles/mixins/_main-container.scss
@@ -12,12 +12,12 @@
     @at-root .isSmallMainContainer &,
       :host::ng-deep .isSmallMainContainer &,
       :host-context(.isSmallMainContainer) & {
-      //border: 2px solid red !important;
+      // border: 2px solid red !important;
       @content;
     }
   } @else {
     :host-context(.isSmallMainContainer) {
-      //border: 2px solid lightblue !important;
+      // border: 2px solid lightblue !important;
       @content;
     }
   }
@@ -37,7 +37,7 @@
     @at-root .isVerySmallMainContainer &,
       :host::ng-deep .isVerySmallMainContainer &,
       :host-context(.isVerySmallMainContainer) & {
-      //border: 2px solid greenyellow !important;
+      // border: 2px solid greenyellow !important;
       @content;
     }
   } @else {
diff --git a/src/styles/mixins/_note-style.scss b/src/styles/mixins/_note-style.scss
index 226f08f393c..6ec6bab5058 100644
--- a/src/styles/mixins/_note-style.scss
+++ b/src/styles/mixins/_note-style.scss
@@ -7,11 +7,11 @@
   box-shadow: $shadow-card-shadow;
   transition: $transition-fast;
   transition-property: transform, box-shadow;
-  //border: 1px solid #DADCE0;
+  // border: 1px solid #DADCE0;
 
   @include darkTheme {
     background: $standard-note-bg-dark;
     color: $standard-note-fg-dark;
-    //border-color: #333333;
+    // border-color: #333333;
   }
 }
diff --git a/src/styles/page.scss b/src/styles/page.scss
index c6eeebb1f2c..1077eaebc55 100644
--- a/src/styles/page.scss
+++ b/src/styles/page.scss
@@ -10,9 +10,9 @@ app-root,
   height: 100%;
   height: -webkit-fill-available;
   box-sizing: border-box;
-  //font-family: 'Montserrat', 'Roboto', sans-serif;
-  //font-family: 'Open Sans', sans-serif;
-  //font-family: 'Roboto', sans-serif;
+  // font-family: 'Montserrat', 'Roboto', sans-serif;
+  // font-family: 'Open Sans', sans-serif;
+  // font-family: 'Roboto', sans-serif;
   font-family: 'Roboto', 'Comic Sans MS';
 }
 
@@ -63,11 +63,11 @@ body {
 
     &.isDisableBackgroundGradient {
       background: $light-theme-bg;
-      //&:before {
-      //  display: block;
-      //  opacity: .3;
-      //  background: mat-css-vars.mat-css-color(50, 1);
-      //}
+      // &:before {
+      //   display: block;
+      //   opacity: 0.3;
+      //   background: mat-css-vars.mat-css-color(50, 1);
+      // }
     }
 
     &:before {
diff --git a/src/styles/themes.scss b/src/styles/themes.scss
index ece07d6e734..47147d0ec8c 100644
--- a/src/styles/themes.scss
+++ b/src/styles/themes.scss
@@ -1,10 +1,10 @@
 @use '@angular/material' as mat;
 @use 'angular-material-css-vars' as mat-css-vars;
 
-//$custom-typography: mat.m2-define-typography-config(
-//  $font-family: null,
-//);
-//@include mat-css-vars.init-material-css-vars($typography-config: $custom-typography);
+// $custom-typography: mat.m2-define-typography-config(
+//   $font-family: null,
+// );
+// @include mat-css-vars.init-material-css-vars($typography-config: $custom-typography);
 @include mat-css-vars.init-material-css-vars();
 
 .bg-card {