How to use the react-uwp/Theme.getTheme function in react-uwp

To help you get started, we’ve selected a few react-uwp examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github myxvisual / vscode-ts-uml / src / WebView / components / Board.tsx View on Github external
markerHeight={arrowSize * 2}
              markerWidth={arrowSize}
              refY={arrowSize}
              refX="0"
            >
github myxvisual / react-uwp / docs / src / routes / Components / Theme / SimpleExample.tsx View on Github external
<p>Dark Theme without Fluent Design</p>
          
          
          
        

        
          <p>Light Theme without Fluent Design</p>
github steamgriddb / steamgriddb-manager / src / js / Settings.js View on Github external
render() {
        const baseStyle = React.CSSProperties = {
            margin: '10px 0'
        };

        const descStyle = {
            ...
            getTheme().typographyStyles.base,
            color: getTheme().baseMedium
        };

        return (
            <div>
                <h5 style="{getTheme().typographyStyles.subTitle}">API Key</h5>
                <p style="{descStyle}">
                    Your API key can be found in your preferences page on steamgriddb.com.
                </p>
                
            </div>
        )
    }
}
github steamgriddb / steamgriddb-manager / src / js / Settings.js View on Github external
render() {
        const baseStyle = React.CSSProperties = {
            margin: '10px 0'
        };

        const descStyle = {
            ...
            getTheme().typographyStyles.base,
            color: getTheme().baseMedium
        };

        return (
            <div>
                <h5 style="{getTheme().typographyStyles.subTitle}">API Key</h5>
                <p style="{descStyle}">
                    Your API key can be found in your preferences page on steamgriddb.com.
                </p>
                
            </div>
        )
    }
}
github steamgriddb / steamgriddb-manager / src / js / App.jsx View on Github external
}}
              paneStyle={{
                marginTop: 30,
                backgroundColor: 'rgba(0,0,0,.2)',
                backgroundImage: `url(${UWPNoise})`,
                backdropFilter: 'blur(20px)',
              }}
              background="transparent"
              displayMode="overlay"
              autoResize={false}
              initWidth={navWidth}
              navigationTopNodes={navigationTopNodes}
              focusNavigationNodeIndex={0}
            &gt;
              <div style="{{">
                {redirectTo &amp;&amp; }

                
                
                
                
              </div>
github steamgriddb / steamgriddb-manager / src / js / App.jsx View on Github external
lineHeight: '31px',
              backgroundColor: '#141414',
              zIndex: 2,
            }}
            size={22}
          &gt;
          Back
          
        
      );
      titleWidth = `calc(100% - ${navWidth}px)`;
    }

    return (
      
        
          <div style="{{">
            {backBtn}
            </div>

react-uwp

UWP Design & Fluent Design UiKit by React

MIT
Latest version published 3 years ago

Package Health Score

39 / 100
Full package analysis