style: modify select style.

src/index.tsx

@@ -45,7 +45,9 @@ export const GlobalStyle = createGlobalStyle`
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
-  * {
+  *,
+  *::before,
+  *::after {
     box-sizing: border-box;
   }
 `;

src/pages/home/theme.tsx

@@ -4,7 +4,24 @@ import styled from 'styled-components';
 import { Context } from '../../store/context';
 
 const Select = styled.select`
-  max-width: 3rem;
+  max-width: 4rem;
+  padding: 0;
+  appearance: none;
+  background-color: var(--color-border-muted);
+  border: none;
+  padding: 0 0.2rem 0 0.2rem;
+  margin: 0;
+  width: 100%;
+  font-family: inherit;
+  font-size: 0.3rem;
+  outline: none;
+  height: 1.15rem;
+  cursor: inherit;
+  line-height: inherit;
+  border-radius: 0.2rem;
+  &::-ms-expand {
+    display: none;
+  }
 `;
 
 const ThemeView: React.FC<{ command: ICommand; editorProps: IMarkdownEditor & ToolBarProps }> = (props) => {

src/store/context.tsx

@@ -13,7 +13,8 @@ import { okaidia } from '@uiw/codemirror-theme-okaidia';
 import { sublime } from '@uiw/codemirror-theme-sublime';
 import { xcodeLight, xcodeDark } from '@uiw/codemirror-theme-xcode';
 
-export const themes = { abcdef, androidstudio, atomone, bbedit, bespin, darcula, dracula, duotoneLight, duotoneDark, eclipse,
+export const themes = {
+  abcdef, androidstudio, atomone, bbedit, bespin, darcula, dracula, duotoneLight, duotoneDark, eclipse,
   githubLight, githubDark, okaidia, sublime, xcodeLight, xcodeDark
 }