Merge pull request openiap#226 from 6ebeng/patch-16

Adding fixes for dark mode and styles

Author: skadefro

OpenFlow/src/public/Form.html

@@ -4,7 +4,7 @@
     }
     .form-group {
     margin-bottom: 0 !important;
-    margin-top: 2rem !important;
+    margin-top: 0 !important;
     }
     .card {
         margin: 0 !important;
@@ -99,6 +99,47 @@
     .dark-mode .bg-light {
     background-color: #333 !important;
     }
+    
+    .darkmode .choices__input {
+        background-color: rgb(0 0 0 / 40%) !important;
+        color: #fff !important;
+    }
+    .darkmode .choices__list--dropdown .choices__item--selectable.is-highlighted {
+        background-color: #232323 !important;
+    }
+
+    .darkmode .choices__list--dropdown {
+        background-color: #333 !important;
+        border: 1px solid rgb(255 255 255 / 20%) !important;
+    }
+
+    .darkmode .choices[data-type*=select-one] .choices__input {
+        border-bottom: 1px solid #777 !important;
+        background-color: #333 !important;
+    }
+    .darkmode .choices__inner {
+        background-color: rgb(0 0 0 / 20%) !important;
+        border: 1px solid rgb(255 255 255 / 20%) !important;
+    }
+
+    .darkmode.card-header {
+        background-color: #333 !important;
+    }
+    .card-title {
+        font-size: 1.7rem !important;
+    }
+    .darkmode.choices__button {
+        background-color: #fff;
+    }
+    .choices {
+        font-size: 1.5rem !important;
+    }
+    button, input, optgroup, select, textarea, label {
+        font-size: 1.2rem !important;
+    }
+    .table th, .table td {
+        padding: 0.5rem 1rem !important;
+    }
 </style>
 <div ng-show="ctrl.errormessage != ''"" class=" alert alert-danger" role="alert">{{ctrl.errormessage}}</div>
 <div ng-show="ctrl.message != ''"" class=" alert alert-primary" role="alert">{{ctrl.message}}</div>