|
|
@@ -0,0 +1,66 @@
|
|
|
+/*
|
|
|
+ Purple: #7576FD
|
|
|
+ Black: #030303
|
|
|
+ Grey: #89929E
|
|
|
+ Light Grey: #E3E3E3
|
|
|
+ Background: #F3F4F5
|
|
|
+ Red: #FF2600
|
|
|
+*/
|
|
|
+
|
|
|
+.th-mikee {
|
|
|
+ --mute-percent: 60%;
|
|
|
+ --background-color: white;
|
|
|
+ --medium-color: #89929E;
|
|
|
+
|
|
|
+ --action-color: #7576FD;
|
|
|
+ --error-color: #FF2600;
|
|
|
+
|
|
|
+ --text-color: #030303;
|
|
|
+ --text-selection-bg-color: #7575fd4D;
|
|
|
+ --text-selection-bg-color-error: #FF26004D;
|
|
|
+ --text-semi-muted-color: #89929E80;
|
|
|
+ --text-contrast-action-color: white;
|
|
|
+ --text-contrast-error-color: white;
|
|
|
+
|
|
|
+ --base-border-color: #E3E3E3;
|
|
|
+ --accent-border-color: #7576FD;
|
|
|
+ --light-border-color: #E3E3E3;
|
|
|
+
|
|
|
+ --form-box-border-focus: #7576FD;
|
|
|
+ --form-box-shadow-color-focus: #7576FD;
|
|
|
+ --form-box-shadow-color-focus-error: #FF2600;
|
|
|
+
|
|
|
+ --dropdown-box-shadow-color: #E3E3E3;
|
|
|
+
|
|
|
+ --secondary-background-color: #F3F4F5;
|
|
|
+ --intermediate-background-color: #F3F4F5;
|
|
|
+}
|
|
|
+
|
|
|
+.th-mikee button {
|
|
|
+ border-radius: 9px;
|
|
|
+ color: #7576FD;
|
|
|
+}
|
|
|
+
|
|
|
+.th-mikee input {
|
|
|
+ border-radius: 9px;
|
|
|
+}
|
|
|
+
|
|
|
+.th-mikee select {
|
|
|
+ border-radius: 9px;
|
|
|
+}
|
|
|
+
|
|
|
+.th-mikee h1 {
|
|
|
+ color: #7576FD;
|
|
|
+}
|
|
|
+
|
|
|
+.th-mikee div[class*='__btn'] {
|
|
|
+ color: #7576FD;
|
|
|
+}
|
|
|
+
|
|
|
+.th-mikee div[class*='__db']{
|
|
|
+ color: #7576FD;
|
|
|
+}
|
|
|
+
|
|
|
+.th-mikee div[class*='-button'] {
|
|
|
+ color: #7576FD;
|
|
|
+}
|