initial import

modules/web/themes/halo/com.cmobile.unifiedtms/app-component.scss

@@ -0,0 +1,5 @@
+@import "halo-ext";
+
+@mixin com_cmobile_unifiedtms {
+  @include com_cmobile_unifiedtms-halo-ext;
+}

modules/web/themes/halo/com.cmobile.unifiedtms/halo-ext.scss

@@ -0,0 +1,127 @@
+/* Define your theme modifications inside next mixin */
+@mixin com_cmobile_unifiedtms-halo-ext {
+
+    $cuba-menubar-background-color: #4B4B4B;
+    $cuba-menubar-border-color: #666666;
+    $v-table-row-height: 25px;
+    $v-selection-color: rgb(87, 153, 117);
+    $v-table-header-font-size: 12px;
+    $v-textfield-border: 1px solid #97E3A3;
+
+    $v-selection-item-selection-color: #579975;
+
+    $v-app-background-color: #E3EAF1;
+    $v-font-size: 12px;
+    $v-font-weight: 400;
+    $v-unit-size: 25px;
+    $v-border-radius: 0px;
+    $v-border: 1px solid #89BFA1 !default;
+    $v-font-family: Verdana,tahoma,arial,geneva,helvetica,sans-serif,"Trebuchet MS";
+
+    $v-panel-background-color: #ffffff;
+    $v-background-color: #ffffff;
+
+    $cuba-menubar-menuitem-text-color: #ffffff;
+
+    $cuba-app-menubar-padding-top: 8px;
+    $cuba-app-menubar-padding-bottom: 8px;
+
+    $cuba-menubar-text-color: #ffffff;
+    $cuba-menubar-submenu-padding: 1px;
+
+.full-colored-cell {
+  width: 100%;
+  display: block;
+  padding: 6px 8px;
+  font-weight: bold;
+  color: white;
+  text-align: center;
+  border-radius: 4px; // optional
+}
+
+.bg-green {
+  background-color: #4CAF50;
+  color: #FFFFFF;
+}
+
+.bg-orange {
+  background-color: #FF9800;
+  color: #FFFFFF;
+}
+
+.bg-red {
+  background-color: #F44336;
+  color: #FFFFFF;
+}
+
+ .table-container {
+   overflow-x: auto;
+   max-width: 100%;
+ }
+
+ .bordered-table {
+   width: 100%;
+   border-collapse: collapse;
+   min-width: 1000px;
+   border: 2px solid #444; /* Outer border */
+ }
+
+ .bordered-table th,
+ .bordered-table td {
+   border: 1px solid #444; /* Visible cell borders */
+   padding: 10px;
+   text-align: center;
+ }
+
+ .bordered-table thead tr:first-child th {
+   background-color: #dceeff;
+ }
+
+ .bordered-table thead tr:nth-child(2) th {
+   background-color: #f0f8ff;
+ }
+
+ .bordered-table td a {
+   color: #0073e6;
+   text-decoration: none;
+ }
+
+ .bordered-table tfoot th,
+ .bordered-table tfoot td {
+   background-color: #000000;     /* Black background */
+   font-size: 15px;             /* Bigger font */
+   font-weight: bold;             /* Bold font */
+   border-top: 2px solid #444;    /* Top border to separate from body */
+   text-align: center;            /* Center align like the rest of the table */
+   padding: 10px;
+   color: #FFFFFF;
+ }
+
+ .bordered-table tfoot th.bg-green {
+    background-color: #4CAF50;
+    color: #FFFFFF;
+ }
+
+ .bordered-table tfoot th.bg-orange {
+     background-color: #FF9800;
+     color: #FFFFFF;
+ }
+
+ .bordered-table tfoot th.bg-red {
+      background-color: #F44336;
+      color: #FFFFFF;
+ }
+
+ @media (max-width: 768px) {
+   .bordered-table {
+     font-size: 12px;
+   }
+
+   .bordered-table th,
+   .bordered-table td {
+     padding: 6px;
+   }
+ }
+
+
+}

modules/web/themes/halo/styles.scss

@@ -0,0 +1,11 @@
+@import "halo-defaults";
+@import "com.cmobile.unifiedtms/halo-ext-defaults";
+@import "app-components";
+@import "com.cmobile.unifiedtms/halo-ext";
+
+.halo {
+  // include auto-generated app components SCSS
+  @include app_components;
+
+  @include com_cmobile_unifiedtms-halo-ext;
+}

modules/web/themes/havana/com.cmobile.unifiedtms/app-component.scss

@@ -0,0 +1,5 @@
+@import "havana-ext";
+
+@mixin com_cmobile_unifiedtms {
+  @include com_cmobile_unifiedtms-havana-ext;
+}

modules/web/themes/havana/com.cmobile.unifiedtms/havana-ext.scss

@@ -0,0 +1,98 @@
+/* Define your theme modifications inside next mixin */
+@mixin com_cmobile_unifiedtms-havana-ext {
+.full-colored-cell {
+  width: 100%;
+  display: block;
+  padding: 6px 8px;
+  font-weight: bold;
+  color: white;
+  text-align: center;
+  border-radius: 4px; // optional
+}
+
+.bg-green {
+  background-color: #4CAF50;
+  color: #FFFFFF;
+}
+
+.bg-orange {
+  background-color: #FF9800;
+  color: #FFFFFF;
+}
+
+.bg-red {
+  background-color: #F44336;
+  color: #FFFFFF;
+}
+
+.table-container {
+   overflow-x: auto;
+   max-width: 100%;
+ }
+
+ .bordered-table {
+   width: 100%;
+   border-collapse: collapse;
+   min-width: 1000px;
+   border: 2px solid #444; /* Outer border */
+ }
+
+ .bordered-table th,
+ .bordered-table td {
+   border: 1px solid #444; /* Visible cell borders */
+   padding: 10px;
+   text-align: center;
+ }
+
+ .bordered-table thead tr:first-child th {
+   background-color: #dceeff;
+ }
+
+ .bordered-table thead tr:nth-child(2) th {
+   background-color: #f0f8ff;
+ }
+
+ .bordered-table td a {
+   color: #0073e6;
+   text-decoration: none;
+ }
+
+ .bordered-table tfoot th,
+ .bordered-table tfoot td {
+    background-color: #000000;     /* Black background */
+    font-size: 15px;             /* Bigger font */
+    font-weight: bold;             /* Bold font */
+    border-top: 2px solid #444;    /* Top border to separate from body */
+    text-align: center;            /* Center align like the rest of the table */
+    padding: 10px;
+    color: #FFFFFF;
+  }
+
+ .bordered-table tfoot th .bg-green {
+    background-color: #4CAF50;
+    color: #FFFFFF;
+ }
+
+ .bordered-table tfoot th .bg-orange {
+     background-color: #FF9800;
+     color: #FFFFFF;
+ }
+
+ .bordered-table tfoot th .bg-red {
+      background-color: #F44336;
+      color: #FFFFFF;
+ }
+
+ @media (max-width: 768px) {
+   .bordered-table {
+     font-size: 12px;
+   }
+
+   .bordered-table th,
+   .bordered-table td {
+     padding: 6px;
+   }
+ }
+
+
+}

modules/web/themes/havana/styles.scss

@@ -0,0 +1,11 @@
+@import "havana-defaults";
+@import "com.cmobile.unifiedtms/havana-ext-defaults";
+@import "app-components";
+@import "com.cmobile.unifiedtms/havana-ext";
+
+.havana {
+  // include auto-generated app components SCSS
+  @include app_components;
+
+  @include com_cmobile_unifiedtms-havana-ext;
+}

modules/web/themes/hover/com.cmobile.unifiedtms/app-component.scss

@@ -0,0 +1,5 @@
+@import "hover-ext";
+
+@mixin com_cmobile_unifiedtms {
+  @include com_cmobile_unifiedtms-hover-ext;
+}

modules/web/themes/hover/com.cmobile.unifiedtms/hover-ext.scss

@@ -0,0 +1,82 @@
+/* Define your theme modifications inside next mixin */
+@mixin com_cmobile_unifiedtms-hover-ext {
+.full-colored-cell {
+  width: 100%;
+  display: block;
+  padding: 6px 8px;
+  font-weight: bold;
+  color: white;
+  text-align: center;
+  border-radius: 4px; // optional
+}
+
+.table-container {
+   overflow-x: auto;
+   max-width: 100%;
+ }
+
+ .bordered-table {
+   width: 100%;
+   border-collapse: collapse;
+   min-width: 1000px;
+   border: 2px solid #444; /* Outer border */
+ }
+
+ .bordered-table th,
+ .bordered-table td {
+   border: 1px solid #444; /* Visible cell borders */
+   padding: 10px;
+   text-align: center;
+ }
+
+ .bordered-table thead tr:first-child th {
+   background-color: #dceeff;
+ }
+
+ .bordered-table thead tr:nth-child(2) th {
+   background-color: #f0f8ff;
+ }
+
+ .bordered-table td a {
+   color: #0073e6;
+   text-decoration: none;
+ }
+
+ .bordered-table tfoot th,
+ .bordered-table tfoot td {
+    background-color: #f4f4f4;     /* Light gray background */
+    font-weight: bold;             /* Bold font */
+    border-top: 2px solid #444;    /* Top border to separate from body */
+    text-align: center;            /* Center align like the rest of the table */
+    padding: 10px;
+    color: #FFFFFF;
+  }
+
+.bg-green {
+  background-color: #4CAF50 !important;
+  color: #FFFFFF !important;
+}
+
+.bg-orange {
+  background-color: #FF9800 !important;
+  color: #FFFFFF !important;
+}
+
+.bg-red {
+  background-color: #F44336 !important;
+  color: #FFFFFF !important;
+}
+
+ @media (max-width: 768px) {
+   .bordered-table {
+     font-size: 12px;
+   }
+
+   .bordered-table th,
+   .bordered-table td {
+     padding: 6px;
+   }
+ }
+
+
+}

modules/web/themes/hover/styles.scss

@@ -0,0 +1,11 @@
+@import "hover-defaults";
+@import "com.cmobile.unifiedtms/hover-ext-defaults";
+@import "app-components";
+@import "com.cmobile.unifiedtms/hover-ext";
+
+.hover {
+  // include auto-generated app components SCSS
+  @include app_components;
+
+  @include com_cmobile_unifiedtms-hover-ext;
+}