feat: new theme colors: code and codeBg

Author: RomanHotsiy

src/common-elements/headers.ts

@@ -18,7 +18,6 @@ export const headerCommonMixin = level => css`
 export const H1 = styled.h1`
   ${headerCommonMixin(1)};
   color: ${props => props.theme.colors.main};
-  text-transform: capitalize;
 `;
 
 export const H2 = styled.h2`

src/components/Markdown/styles.ts

@@ -30,8 +30,8 @@ export const markdownCss = css`
   }
 
   code {
-    color: #e53935;
-    background-color: rgba(38, 50, 56, 0.04);
+    color: ${({ theme }) => theme.colors.code};
+    background-color: ${({ theme }) => theme.colors.codeBg};
     font-family: ${props => props.theme.code.fontFamily};
     border-radius: 2px;
     border: 1px solid rgba(38, 50, 56, 0.1);

src/theme.ts

@@ -14,6 +14,8 @@ const defaultTheme: ThemeInterface = {
     error: '#e53935',
     info: '#87ceeb',
     text: '#263238',
+    code: '#e53935',
+    codeBg: 'rgba(38, 50, 56, 0.04)',
     warning: '#f1c400',
     http: {
       get: '#6bbd5b',
@@ -118,6 +120,8 @@ export interface ResolvedThemeInterface {
     error: string;
     info: string;
     text: string;
+    code: string;
+    codeBg: string;
     warning: string;
     http: {
       get: string;