Feature: Add color picker component for accent color setting (#228)

Co-authored-by: Vijay A <vraravam@users.noreply.github.com>

1 files changed, 20 insertions, 0 deletions

diff --git a/src/styles/settings.scss b/src/styles/settings.scss
index 2bb9074ba..e2cf46478 100644
--- a/src/styles/settings.scss
+++ b/src/styles/settings.scss
@@ -176,6 +176,26 @@
     overflow: hidden;
     background: #fff;
   }
+  
+  .settings__section_header {
+    text-align: center;
+  }
+
+  .settings__settings-group__apply-color {
+    display: flex;
+  }
+
+  .settings__settings-group__apply-color__button {
+    height: 60px;
+  }
+
+  .franz-form__input-wrapper__color-picker {
+    width: 20% !important;
+    margin-top: 2%;
+  }
+  .color-picker-input {
+    align-items: center;
+  }
 
   .settings__header {
     align-items: center;