Create assets/custom.css

assets/custom.css

@@ -0,0 +1,55 @@
+body {
+    background-color: #F7F7F7;
+    color: #454545;
+}
+
+.navbar {
+    background-color: #116F70 !important;
+}
+
+.btn-primary {
+    background-color: #1C304A !important;
+    border-color: #1C304A !important;
+}
+
+.btn-primary:hover {
+    background-color: #116F70 !important;
+    border-color: #116F70 !important;
+}
+
+.btn-success {
+    background-color: #116F70 !important;
+    border-color: #116F70 !important;
+}
+
+.btn-success:hover {
+    background-color: #00AEAF !important;
+    border-color: #00AEAF !important;
+}
+
+.card {
+    background-color: #FFFFFF;
+    border-color: #E0E0E0;
+}
+
+.form-control:focus {
+    border-color: #116F70;
+    box-shadow: 0 0 0 0.2rem rgba(17, 111, 112, 0.25);
+}
+
+.slider .rc-slider-track {
+    background-color: #116F70;
+}
+
+.slider .rc-slider-handle {
+    border-color: #116F70;
+}
+
+.slider .rc-slider-handle:hover {
+    border-color: #00AEAF;
+}
+
+.slider .rc-slider-handle:active {
+    border-color: #00AEAF;
+    box-shadow: 0 0 5px #00AEAF;
+}