Update emoji.scss

block-core · Sep 22, 2024 · 7e36dd3 · 7e36dd3
1 parent 5275797
commit 7e36dd3
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/src/styles/emoji.scss b/src/styles/emoji.scss
@@ -10,7 +10,7 @@
   display: inline-block;
   color: #222427;
   border: 1px solid #d9d9d9;
-  border-radius: 5px;
+  border-radius: 15px;
   background: #fff;
 }
 
@@ -112,14 +112,12 @@
 .emoji-mart-search input::-webkit-search-cancel-button,
 .emoji-mart-search input::-webkit-search-results-button,
 .emoji-mart-search input::-webkit-search-results-decoration {
-  /* remove webkit/blink styles for <input type="search">
-   * via https://stackoverflow.com/a/9422689 */
   -webkit-appearance: none;
 }
 
 .emoji-mart-search-icon {
   position: absolute;
-  top: 3px;
+  top: 6px;
   right: 11px;
   z-index: 2;
   padding: 2px 5px 1px;
@@ -274,7 +272,7 @@
   font-size: 0;
   padding: 2px 0;
   border: 1px solid #d9d9d9;
-  border-radius: 12px;
+  border-radius: 15px;
   background-color: #fff;
 }
 
@@ -413,17 +411,19 @@
 
  .emoji-mart-dark {
     color: #e5eef0; /* gray-50 */
-    border-color: #6b98a4; /* gray-300 */
+    border-color: #083b46; /* gray-500 */
+    border-width: 2px;
+    border-radius: 15px;
     background-color: #022229; /* gray-900 */
   }
 
   .emoji-mart-dark .emoji-mart-bar {
-    border-color: #6b98a4; /* gray-300 */
+    border-color: #083b46; /* gray-500 */
   }
 
   .emoji-mart-dark .emoji-mart-search input {
     color: #e5eef0; /* gray-50 */
-    border-color: #6b98a4; /* gray-300 */
+    border-color: #083b46; /* gray-500 */
     background-color: #07343e; /* gray-600 */
   }
   .emoji-mart-dark .emoji-mart-search-icon svg {
@@ -440,7 +440,7 @@
   }
 
   .emoji-mart-dark .emoji-mart-skin-swatches {
-    border-color: #6b98a4; /* gray-300 */
+    border-color: #083b46; /* gray-500 */
     background-color: #022229; /* gray-900 */
   }