Fix the CSS

[clamp.git] / ui-react / src / theme / globalStyle.js

diff --git a/ui-react/src/theme/globalStyle.js b/ui-react/src/theme/globalStyle.js
index 08630cb..a0c338c 100644 (file)
--- a/ui-react/src/theme/globalStyle.js
+++ b/ui-react/src/theme/globalStyle.js
@@ -24,47 +24,50 @@
 import { createGlobalStyle } from 'styled-components';
 
 export const GlobalClampStyle = createGlobalStyle`
-  body {
-    padding: 0;
-    margin: 0;
-    font-family: ${props => props.theme.fontFamily};
-    font-size: ${props => props.theme.fontSize};
-    font-weight: normal;
-    color: ${props => props.theme.fontNormal};
-    background-color: ${props => props.theme.backgroundColor};
-  }
+       body {
+               padding: 0;
+               margin: 0;
+               font-family: ${props => props.theme.fontFamily};
+               font-size: ${props => props.theme.fontSize};
+               font-weight: normal;
+       }
 
- span {
-       font-family: ${props => props.theme.fontFamily};
-    font-size: ${props => props.theme.fontSize};
-    font-weight: bold;
-    color: ${props => props.theme.fontNormal};
-    background-color: ${props => props.theme.backgroundColor};
-  }
-  
-  a {
-       font-family: ${props => props.theme.fontFamily};
-    font-size: ${props => props.theme.fontSize};
-    font-weight: bold;
-    color: ${props => props.theme.fontNormal};
-    background-color: ${props => props.theme.backgroundColor};
+       span {
+               font-family: ${props => props.theme.fontFamily};
+               font-size: ${props => props.theme.fontSize};
+               font-weight: bold;
+       }
 
-  }
-  
-  div {
-       font-family: ${props => props.theme.fontFamily};
-    font-size: ${props => props.theme.fontSize};
-       border-radius: 4px;
-       color: ${props => props.theme.fontNormal};
-       background-color: ${props => (props.theme.backgroundColor)};
-       margin-top: 1px;
-  }
+       a {
+               font-family: ${props => props.theme.fontFamily};
+               font-size: ${props => props.theme.fontSize};
+               font-weight: bold;
+       }
 
-  svg {
-       overflow: hidden;
-       width: 100%;
-       height: 100%;
-  }
+       div {
+               font-family: ${props => props.theme.fontFamily};
+               font-size: ${props => props.theme.fontSize};
+               border-radius: 4px;
+               margin-top: 1px;
+       }
+
+       svg {
+               overflow: hidden;
+               width: 100%;
+               height: 100%;
+       }
+
+       label {
+               font-family: ${props => props.theme.fontFamily};
+               font-size: ${props => props.theme.fontSize};
+               font-weight: bold;
+       }
+
+       button {
+               font-family: ${props => props.theme.fontFamily};
+               font-size: ${props => props.theme.fontSize};
+               font-weight: bold;
+       }
 `
 
 export const DefaultClampTheme = {
@@ -77,10 +80,15 @@ export const DefaultClampTheme = {
 
        backgroundColor: '#eeeeee',
        fontFamily: 'Arial, Sans-serif',
-       fontSize: '15px',
+       fontSize: '16px',
 
        loopViewerBackgroundColor: 'white',
        loopViewerFontColor: 'yellow',
        loopViewerHeaderBackgroundColor: '#337ab7',
        loopViewerHeaderFontColor: 'white',
+       
+       menuBackgroundColor: 'white',
+       menuFontColor: 'black',
+       menuHighlightedBackgroundColor: '#337ab7',
+       menuHighlightedFontColor: 'white',
 };