add new calendar files - backup before remove unused rules

Template/css/app.original.less

@@ -16,6 +16,8 @@
 
 @color-yellow: #ffffd5;
 
+@color-border-red : #b94a48;
+
 /* BYE BYE LESS */
 
 /* EX-INLINE */
@@ -649,7 +651,7 @@ tr.draggable-item-selected td:last-child {
   color: @color-primary;
   padding: 1px 2px 1px 2px;
   border-radius: 3px;
-  background: #fcfcfc;
+  background: @color-background;
   border: 1px solid @color-primary;
 }
 .table-list-category a {
@@ -828,15 +830,15 @@ input[type="text"].form-max-width {
 }
 input.form-error,
 textarea.form-error {
-  border: 2px solid #b94a48;
+  border: 2px solid @color-border-red;
 }
 input.form-error:focus,
 textarea.form-error:focus {
   box-shadow: none;
-  border: 2px solid #b94a48;
+  border: 2px solid @color-border-red;
 }
 .form-errors {
-  color: #b94a48;
+  color: @color-border-red;
   list-style-type: none;
 }
 ul.form-errors li {
@@ -919,7 +921,7 @@ ul.form-errors li {
 .input-addon-field {
   flex: 1;
   font-size: 1em;
-  color: #3F3F3F;
+  color: @color-odd;
   margin: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -932,7 +934,7 @@ ul.form-errors li {
   border-radius: 0 5px 5px 0;
 }
 .input-addon-item {
-  background-color: #3F3F3F;
+  background-color: @color-odd;
   color: #666;
   font: inherit;
   font-weight: normal;
@@ -952,7 +954,7 @@ ul.form-errors li {
 .input-addon-item {
   color: @color-primary;
   padding: 4px 0.75em;
-  background-color: #3F3F3F;
+  background-color: @color-odd;
 }
 .input-addon-field:not(:first-child),
 .input-addon-item:not(:first-child) {
@@ -962,7 +964,7 @@ ul.form-errors li {
   color: #468847;
 }
 .icon-error {
-  color: #b94a48;
+  color: @color-border-red;
 }
 .icon-fade-out {
   opacity: 1;
@@ -981,7 +983,7 @@ ul.form-errors li {
   margin-top: 5px;
   margin-bottom: 5px;
   color: #c09853;
-  background-color: #3F3F3F;
+  background-color: @color-odd;
   border: 1px solid @color-background;
   border-radius: 4px;
 }
@@ -991,7 +993,7 @@ ul.form-errors li {
   border-color: #d6e9c6;
 }
 .alert-error {
-  color: #b94a48;
+  color: @color-border-red;
   background-color: #f2dede;
   border-color: #eed3d7;
 }
@@ -1070,14 +1072,14 @@ a.btn {
   color: #fff;
 }
 .btn-blue {
-  border-color: #3079ed;
-  background: #4d90fe;
+  border-color: @color-primary;
+  background: @color-toolbar;
   color: #fff;
 }
 .btn-blue:hover,
 .btn-blue:focus {
-  border-color: #3079ed;
-  background: #357ae8;
+  border-color: @color-primary;
+  background: @color-toolbar;
   color: #fff;
 }
 .btn:disabled {
@@ -1098,10 +1100,10 @@ a.btn {
 }
 #tooltip-container {
   padding: 5px;
-  background: #3F3F3F;
-  border: 1px solid #ddd;
+  background: @color-odd;
+  border: 1px solid @color-primary;
   border-radius: 4px;
-  box-shadow: 0 6px 12px #aaa;
+  box-shadow: 0 6px 12px @color-primary;
   position: absolute;
   min-width: 350px;
 }
@@ -1132,8 +1134,8 @@ ul.dropdown-submenu-open {
   list-style: none;
   margin: 3px 0 0 1px;
   padding: 6px 0;
-  background-color: #3F3F3F;
-  border: 1px solid #b2b2b2;
+  background-color: @color-odd;
+  border: 1px solid @color-primary;
   border-radius: 3px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
 }
@@ -1183,10 +1185,10 @@ td a.dropdown-menu i {
   columns: #767676;
 }
 td a.dropdown-menu:hover strong {
-  color: #555;
+  color: @color-odd;
 }
 td a.dropdown-menu:hover strong i {
-  color: #555;
+  color: @color-odd;
 }
 td a.dropdown-menu:hover i {
   color:@color-third-text;
@@ -1236,7 +1238,7 @@ td a.dropdown-menu:hover i {
   z-index: 1000;
   min-width: 160px;
   padding: 5px 0;
-  background: #3F3F3F;
+  background: @color-odd;
   list-style: none;
   border: 1px solid @color-toolbar;
   border-radius: 3px;
@@ -1286,7 +1288,7 @@ input[type=number] .select-dropdown-input{
   cursor: pointer;
 }
 .select-dropdown-input-container .select-loading-icon {
-  color: #555;
+  color: @color-odd;
   position: absolute;
   top: 4px;
   right: 5px;
@@ -1337,7 +1339,7 @@ input[type=number] .select-dropdown-input{
   top: 2%;
   left: 50%;
   transform: translateX(-50%);
-  background: #3F3F3F;
+  background: @color-odd;
   overflow: auto;
   border-radius: 5px;
   margin: 30px;
@@ -1354,7 +1356,7 @@ input[type=number] .select-dropdown-input{
   color:@color-third-text;
 }
 #modal-close-button:hover {
-  color: #b94a48;
+  color: @color-border-red;
 }
 .pagination {
   text-align: center;
@@ -1561,7 +1563,7 @@ a i.web-notification-icon:hover {
 .sidebar > ul li {
   list-style-type: none;
   line-height: 35px;
-  border-bottom: 1px dotted #efefef;
+  border-bottom: 1px dotted @color-primary;
   padding-left: 13px;
 }
 .sidebar > ul li:hover {
@@ -1586,7 +1588,7 @@ a i.web-notification-icon:hover {
 }
 .sidebar > ul li.active a:focus,
 .sidebar > ul li.active a:hover {
-  color: #555;
+  color: @color-odd;
 }
 .sidebar > ul li:last-child {
   margin-bottom: 15px;
@@ -1656,7 +1658,7 @@ a i.web-notification-icon:hover {
 }
 #file-list li .file-error {
   font-weight: bold;
-  color: #b94a48;
+  color: @color-border-red;
 }
 .file-thumbnails {
   display: -webkit-flex;
@@ -1670,7 +1672,7 @@ a i.web-notification-icon:hover {
 }
 .file-thumbnail {
   width: 250px;
-  border: 1px solid #efefef;
+  border: 1px solid @color-primary;
   border-radius: 5px;
   margin-bottom: 20px;
   box-shadow: 4px 2px 10px -6px rgba(0, 0, 0, 0.55);
@@ -1691,7 +1693,7 @@ a i.web-notification-icon:hover {
 .file-thumbnail-title {
   font-weight: 700;
   font-size: 0.9em;
-  color: #555;
+  color: @color-odd;
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -1740,7 +1742,7 @@ a i.web-notification-icon:hover {
 }
 .js-project-creation-options {
   max-width: 500px;
-  border-left: 3px dotted #efefef;
+  border-left: 3px dotted @color-primary;
   margin-top: 20px;
   padding-left: 15px;
   padding-bottom: 5px;
@@ -1781,7 +1783,7 @@ a i.web-notification-icon:hover {
   color: @color-light-text;
 }
 .project-overview-column strong {
-  color: #555;
+  color: @color-odd;
   display: block;
 }
 @media (max-width: 480px) {
@@ -2024,7 +2026,7 @@ div.task-board-recent {
 }
 div.task-board-status-closed {
   user-select: none;
-  border: 1px dotted #555;
+  border: 1px dotted @color-odd;
 }
 .task-board a {
   color: @color-secondary-text;
@@ -2166,7 +2168,7 @@ span.task-icon-age-column {
   margin-bottom: 8px;
 }
 .task-board-category {
-  border: 1px solid #555;
+  border: 1px solid @color-odd;
   font-size: 0.9em;
   font-weight: 500;
   color: @color-secondary-text;
@@ -2186,7 +2188,7 @@ span.task-date-today {
 }
 span.task-date-overdue {
   opacity: 1;
-  color: #b94a48;
+  color: @color-border-red;
 }
 .task-tags li {
   display: inline-block;
@@ -2207,7 +2209,7 @@ span.task-date-overdue {
   margin-bottom: 15px;
 }
 #task-summary h2 {
-  color: #555;
+  color: @color-odd;
   font-size: 1.6em;
   margin-top: 0;
   padding-top: 0;
@@ -2231,7 +2233,7 @@ span.task-date-overdue {
   color:@color-third-text;
 }
 .task-summary-column span {
-  color: #555;
+  color: @color-odd;
 }
 .task-summary-column li {
   line-height: 23px;
@@ -2300,7 +2302,7 @@ span.task-date-overdue {
   text-align: right;
 }
 .comment-sorting a {
-  color: #555;
+  color: @color-odd;
   font-weight: normal;
   text-decoration: none;
 }
@@ -2461,7 +2463,7 @@ span.task-date-overdue {
   border: 1px solid #ddd;
   overflow: auto;
   overflow-wrap: initial;
-  color: #555;
+  color: @color-odd;
 }
 .markdown blockquote {
   font-style: italic;
@@ -2482,7 +2484,7 @@ span.task-date-overdue {
   background: #fefefe;
   border: 1px solid #ccc;
   border-radius: 5px;
-  color: #555;
+  color: @color-odd;
 }
 .documentation img {
   border: 1px solid@color-third-text;
@@ -2518,9 +2520,10 @@ span.task-date-overdue {
   margin-bottom: 15px;
   padding: 10px;
   background-color: @color-background;
+  border-radius: 5px;
 }
 .activity-event:nth-child(even) {
-  background: #3F3F3F;
+  background: @color-odd;
 }
 .activity-event:hover {
   background: #fff8dc;
@@ -2536,10 +2539,10 @@ span.task-date-overdue {
 .activity-title {
   font-weight: bold;
   color: @color-secondary-text;
-  border-bottom: 1px dotted #efefef;
+  border-bottom: 1px dotted @color-primary;
 }
 .activity-description {
-  color: #555;
+  color: @color-odd;
   margin-top: 10px;
 }
 @media (max-width: 480px) {
@@ -2560,7 +2563,7 @@ span.task-date-overdue {
   text-decoration: none;
 }
 .user-mention-link:hover {
-  color: #555;
+  color: @color-odd;
 }
 .image-slideshow-overlay {
   position: fixed;