only export semantic and component colors from theme

simularium · Dec 18, 2024 · 8a8cc43 · 8a8cc43
1 parent 60bbf94
commit 8a8cc43
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/src/components/CustomDropdown/DropdownMenuItems.tsx b/src/components/CustomDropdown/DropdownMenuItems.tsx
@@ -18,8 +18,9 @@ const baseStyles = css`
     color: ${({ theme }) => theme.colors.dropdown.text};
     cursor: pointer;
     height: 28px;
-    padding: 4px;
+    padding: 6px;
     width: 100%;
+    min-width: 177px;
     font-size: 14px;
 
     &&& {

diff --git a/src/components/LoadFileMenu/index.tsx b/src/components/LoadFileMenu/index.tsx
@@ -112,7 +112,7 @@ const LoadFileMenu = ({
                     to={{ pathname: VIEWER_PATHNAME }}
                     onClick={openConversionForm}
                 >
-                    Import other file type
+                    Other file type
                 </DropdownRouterLink>
             ),
         },

diff --git a/src/styles/theme/colors.ts b/src/styles/theme/colors.ts
@@ -1,4 +1,4 @@
-export const baseColors = {
+const baseColors = {
     black: "#000000",
     white: {
         pure: "#ffffff",
@@ -51,6 +51,7 @@ export const baseColors = {
 
 export const semanticColors = {
     // bg colors
+    transparentBg: baseColors.transparent,
     lightBg: baseColors.gray.one,
     mediumBg: baseColors.dark.six,
     grayBg: baseColors.gray.four,
@@ -138,7 +139,6 @@ export const componentColors = {
 };
 
 export const themeColors = {
-    ...baseColors,
     ...semanticColors,
     ...componentColors,
 };
diff --git a/src/styles/theme/theme.ts b/src/styles/theme/theme.ts
@@ -110,7 +110,7 @@ export const antdTheme: ThemeConfig = {
             handleColor: themeColors.slider.color,
             trackHoverBg: themeColors.slider.color,
             handleActiveColor: themeColors.slider.color,
-            handleActiveOutlineColor: themeColors.transparent,
+            handleActiveOutlineColor: themeColors.transparentBg,
             handleSize: 5.5,
             handleSizeHover: 5.5,
             dotBorderColor: themeColors.slider.color,