| AccentLines |
$ouif-AccentLines |
#13898d |
| AccentText |
$ouif-AccentText |
#03787c |
| BackgroundOverlay |
$ouif-BackgroundOverlay |
rgba(255, 255, 255, 0.85) |
| BodyText |
$ouif-BodyText |
#333333 |
| ButtonBackground |
$ouif-ButtonBackground |
#f8f8f8 |
| ButtonBorder |
$ouif-ButtonBorder |
#a6a6a6 |
| ButtonDisabledBackground |
$ouif-ButtonDisabledBackground |
#f8f8f8 |
| ButtonDisabledBorder |
$ouif-ButtonDisabledBorder |
#eaeaea |
| ButtonDisabledText |
$ouif-ButtonDisabledText |
#a6a6a6 |
| ButtonGlyph |
$ouif-ButtonGlyph |
#666666 |
| ButtonGlyphActive |
$ouif-ButtonGlyphActive |
#333333 |
| ButtonGlyphDisabled |
$ouif-ButtonGlyphDisabled |
#c8c8c8 |
| ButtonHoverBackground |
$ouif-ButtonHoverBackground |
#c5e9ea |
| ButtonHoverBorder |
$ouif-ButtonHoverBorder |
#98d6d8 |
| ButtonPressedBackground |
$ouif-ButtonPressedBackground |
#98d6d8 |
| ButtonPressedBorder |
$ouif-ButtonPressedBorder |
#13898d |
| ButtonText |
$ouif-ButtonText |
#333333 |
| CommandLinks |
$ouif-CommandLinks |
#666666 |
| CommandLinksDisabled |
$ouif-CommandLinksDisabled |
#a6a6a6 |
| CommandLinksHover |
$ouif-CommandLinksHover |
#03787c |
| CommandLinksPressed |
$ouif-CommandLinksPressed |
#014446 |
| CommandLinksSecondary |
$ouif-CommandLinksSecondary |
#212121 |
| ContentAccent1 |
$ouif-ContentAccent1 |
#03787c |
| ContentAccent2 |
$ouif-ContentAccent2 |
#00485b |
| ContentAccent3 |
$ouif-ContentAccent3 |
#288054 |
| ContentAccent4 |
$ouif-ContentAccent4 |
#767956 |
| ContentAccent5 |
$ouif-ContentAccent5 |
#ed0033 |
| ContentAccent6 |
$ouif-ContentAccent6 |
#682a7a |
| DialogBorder |
$ouif-DialogBorder |
#f4f4f4 |
| DisabledBackground |
$ouif-DisabledBackground |
#f8f8f8 |
| DisabledLines |
$ouif-DisabledLines |
#eaeaea |
| DisabledText |
$ouif-DisabledText |
#a6a6a6 |
| EmphasisBackground |
$ouif-EmphasisBackground |
#03787c |
| EmphasisBorder |
$ouif-EmphasisBorder |
#025c5f |
| EmphasisHoverBackground |
$ouif-EmphasisHoverBackground |
#025c5f |
| EmphasisHoverBorder |
$ouif-EmphasisHoverBorder |
#014446 |
| EmphasisText |
$ouif-EmphasisText |
#ffffff |
| FooterBackground |
$ouif-FooterBackground |
rgba(255, 255, 255, 0.85) |
| HeaderAccentLines |
$ouif-HeaderAccentLines |
#13898d |
| HeaderBackground |
$ouif-HeaderBackground |
rgba(255, 255, 255, 0.85) |
| HeaderDisableText |
$ouif-HeaderDisableText |
#a6a6a6 |
| HeaderDisabledBackground |
$ouif-HeaderDisabledBackground |
#f8f8f8 |
| HeaderDisabledLines |
$ouif-HeaderDisabledLines |
#eaeaea |
| HeaderLines |
$ouif-HeaderLines |
#a6a6a6 |
| HeaderNavigationHoverText |
$ouif-HeaderNavigationHoverText |
#03787c |
| HeaderNavigationPressedText |
$ouif-HeaderNavigationPressedText |
#014446 |
| HeaderNavigationSelectedText |
$ouif-HeaderNavigationSelectedText |
#03787c |
| HeaderNavigationText |
$ouif-HeaderNavigationText |
#666666 |
| HeaderSiteTitle |
$ouif-HeaderSiteTitle |
#212121 |
| HeaderStrongLines |
$ouif-HeaderStrongLines |
#98d6d8 |
| HeaderSubtleLines |
$ouif-HeaderSubtleLines |
#c8c8c8 |
| HeaderText |
$ouif-HeaderText |
#333333 |
| HoverBackground |
$ouif-HoverBackground |
rgba(197, 233, 234, 0.50) |
| Hyperlink |
$ouif-Hyperlink |
#03787c |
| HyperlinkActive |
$ouif-HyperlinkActive |
#014446 |
| Hyperlinkfollowed |
$ouif-Hyperlinkfollowed |
#014446 |
| Lines |
$ouif-Lines |
#a6a6a6 |
| Navigation |
$ouif-Navigation |
#666666 |
| NavigationAccent |
$ouif-NavigationAccent |
#03787c |
| NavigationHover |
$ouif-NavigationHover |
#03787c |
| NavigationHoverBackground |
$ouif-NavigationHoverBackground |
rgba(197, 233, 234, 0.50) |
| NavigationPressed |
$ouif-NavigationPressed |
#014446 |
| NavigationSelectedBackground |
$ouif-NavigationSelectedBackground |
rgba(234, 234, 234, 0.78) |
| PageBackground |
$ouif-PageBackground |
#ffffff |
| RowAccent |
$ouif-RowAccent |
#03787c |
| SelectionBackground |
$ouif-SelectionBackground |
rgba(152, 214, 216, 0.50) |
| SiteTitle |
$ouif-SiteTitle |
#212121 |
| StrongBodyText |
$ouif-StrongBodyText |
#212121 |
| StrongLines |
$ouif-StrongLines |
#98d6d8 |
| SubtleEmphasisBackground |
$ouif-SubtleEmphasisBackground |
#f4f4f4 |
| SubtleEmphasisCommandLinks |
$ouif-SubtleEmphasisCommandLinks |
#212121 |
| SubtleEmphasisText |
$ouif-SubtleEmphasisText |
#666666 |
| SubtleLines |
$ouif-SubtleLines |
#c8c8c8 |
| SuiteBarBackground |
$ouif-SuiteBarBackground |
#03787c |
| SuiteBarDisabledText |
$ouif-SuiteBarDisabledText |
#eaeaea |
| SuiteBarHoverBackground |
$ouif-SuiteBarHoverBackground |
#49aeb1 |
| SuiteBarHoverText |
$ouif-SuiteBarHoverText |
#98d6d8 |
| SuiteBarText |
$ouif-SuiteBarText |
#ffffff |
| TileBackgroundOverlay |
$ouif-TileBackgroundOverlay |
rgba(0, 0, 0, 0.50) |
| TileText |
$ouif-TileText |
#ffffff |
| TopBarBackground |
$ouif-TopBarBackground |
rgba(234, 234, 234, 0.78) |
| TopBarHoverText |
$ouif-TopBarHoverText |
#333333 |
| TopBarPressedText |
$ouif-TopBarPressedText |
#014446 |
| TopBarText |
$ouif-TopBarText |
#666666 |
| WebPartHeading |
$ouif-WebPartHeading |
#333333 |
| accent |
$ouif-accent |
#4f6bed |
| accentButtonBackground |
$ouif-accentButtonBackground |
#4f6bed |
| accentButtonText |
$ouif-accentButtonText |
#ffffff |
| actionLink |
$ouif-actionLink |
#333333 |
| actionLinkHovered |
$ouif-actionLinkHovered |
#212121 |
| backgroundOverlay |
$ouif-backgroundOverlay |
rgba(255, 255, 255, 0.85) |
| black |
$ouif-black |
#000000 |
| blackTranslucent40 |
$ouif-blackTranslucent40 |
rgba(0,0,0,.4) |
| blockingBackground |
$ouif-blockingBackground |
rgba(234, 67, 0, .2) |
| blue |
$ouif-blue |
#0078d4 |
| blueDark |
$ouif-blueDark |
#002050 |
| blueLight |
$ouif-blueLight |
#00bcf2 |
| blueMid |
$ouif-blueMid |
#00188f |
| bodyBackground |
$ouif-bodyBackground |
#ffffff |
| bodyDivider |
$ouif-bodyDivider |
#eaeaea |
| bodyFrameBackground |
$ouif-bodyFrameBackground |
#ffffff |
| bodyFrameDivider |
$ouif-bodyFrameDivider |
#eaeaea |
| bodyStandoutBackground |
$ouif-bodyStandoutBackground |
#f8f8f8 |
| bodySubtext |
$ouif-bodySubtext |
#666666 |
| bodyText |
$ouif-bodyText |
#333333 |
| bodyTextChecked |
$ouif-bodyTextChecked |
#000000 |
| buttonBackground |
$ouif-buttonBackground |
#f4f4f4 |
| buttonBackgroundChecked |
$ouif-buttonBackgroundChecked |
#c8c8c8 |
| buttonBackgroundCheckedHovered |
$ouif-buttonBackgroundCheckedHovered |
#eaeaea |
| buttonBackgroundDisabled |
$ouif-buttonBackgroundDisabled |
#f4f4f4 |
| buttonBackgroundHovered |
$ouif-buttonBackgroundHovered |
#eaeaea |
| buttonBackgroundPressed |
$ouif-buttonBackgroundPressed |
#eaeaea |
| buttonBorder |
$ouif-buttonBorder |
transparent |
| buttonBorderDisabled |
$ouif-buttonBorderDisabled |
transparent |
| buttonText |
$ouif-buttonText |
#333333 |
| buttonTextChecked |
$ouif-buttonTextChecked |
#212121 |
| buttonTextCheckedHovered |
$ouif-buttonTextCheckedHovered |
#000000 |
| buttonTextDisabled |
$ouif-buttonTextDisabled |
#a6a6a6 |
| buttonTextHovered |
$ouif-buttonTextHovered |
#212121 |
| buttonTextPressed |
$ouif-buttonTextPressed |
#212121 |
| defaultStateBackground |
$ouif-defaultStateBackground |
#f8f8f8 |
| dialogBorder |
$ouif-dialogBorder |
#f4f4f4 |
| disabledBackground |
$ouif-disabledBackground |
#f4f4f4 |
| disabledBodySubtext |
$ouif-disabledBodySubtext |
#c8c8c8 |
| disabledBodyText |
$ouif-disabledBodyText |
#a6a6a6 |
| disabledSubtext |
$ouif-disabledSubtext |
#d0d0d0 |
| disabledText |
$ouif-disabledText |
#a6a6a6 |
| elevation16 |
$ouif-elevation16 |
0 0 5px 0 rgba(0,0,0,.4) |
| elevation4 |
$ouif-elevation4 |
0 0 5px 0 rgba(0,0,0,.4) |
| elevation64 |
$ouif-elevation64 |
0 0 5px 0 rgba(0,0,0,.4) |
| elevation8 |
$ouif-elevation8 |
0 0 5px 0 rgba(0,0,0,.4) |
| errorBackground |
$ouif-errorBackground |
rgba(232, 17, 35, .2) |
| errorText |
$ouif-errorText |
#a80000 |
| focusBorder |
$ouif-focusBorder |
#666666 |
| green |
$ouif-green |
#107c10 |
| greenDark |
$ouif-greenDark |
#004b1c |
| greenLight |
$ouif-greenLight |
#bad80a |
| inputBackground |
$ouif-inputBackground |
#ffffff |
| inputBackgroundChecked |
$ouif-inputBackgroundChecked |
#03787c |
| inputBackgroundCheckedHovered |
$ouif-inputBackgroundCheckedHovered |
#026d70 |
| inputBorder |
$ouif-inputBorder |
#a6a6a6 |
| inputBorderHovered |
$ouif-inputBorderHovered |
#333333 |
| inputFocusBorderAlt |
$ouif-inputFocusBorderAlt |
#03787c |
| inputForegroundChecked |
$ouif-inputForegroundChecked |
#ffffff |
| inputPlaceholderText |
$ouif-inputPlaceholderText |
#666666 |
| inputText |
$ouif-inputText |
#333333 |
| inputTextHovered |
$ouif-inputTextHovered |
#212121 |
| link |
$ouif-link |
#03787c |
| linkHovered |
$ouif-linkHovered |
#014446 |
| listBackground |
$ouif-listBackground |
#ffffff |
| listHeaderBackgroundHovered |
$ouif-listHeaderBackgroundHovered |
#f4f4f4 |
| listHeaderBackgroundPressed |
$ouif-listHeaderBackgroundPressed |
#eaeaea |
| listItemBackgroundChecked |
$ouif-listItemBackgroundChecked |
#eaeaea |
| listItemBackgroundCheckedHovered |
$ouif-listItemBackgroundCheckedHovered |
#dadada |
| listItemBackgroundHovered |
$ouif-listItemBackgroundHovered |
#f4f4f4 |
| listText |
$ouif-listText |
#333333 |
| listTextColor |
$ouif-listTextColor |
#333333 |
| magenta |
$ouif-magenta |
#b4009e |
| magentaDark |
$ouif-magentaDark |
#5c005c |
| magentaLight |
$ouif-magentaLight |
#e3008c |
| menuBackground |
$ouif-menuBackground |
#ffffff |
| menuDivider |
$ouif-menuDivider |
#c8c8c8 |
| menuHeader |
$ouif-menuHeader |
#03787c |
| menuIcon |
$ouif-menuIcon |
#03787c |
| menuItemBackgroundChecked |
$ouif-menuItemBackgroundChecked |
#eaeaea |
| menuItemBackgroundHovered |
$ouif-menuItemBackgroundHovered |
#f4f4f4 |
| menuItemBackgroundPressed |
$ouif-menuItemBackgroundPressed |
#eaeaea |
| menuItemText |
$ouif-menuItemText |
#333333 |
| menuItemTextHovered |
$ouif-menuItemTextHovered |
#212121 |
| neutralDark |
$ouif-neutralDark |
#212121 |
| neutralLight |
$ouif-neutralLight |
#eaeaea |
| neutralLighter |
$ouif-neutralLighter |
#f4f4f4 |
| neutralLighterAlt |
$ouif-neutralLighterAlt |
#f8f8f8 |
| neutralPrimary |
$ouif-neutralPrimary |
#333333 |
| neutralPrimaryAlt |
$ouif-neutralPrimaryAlt |
#3c3c3c |
| neutralQuaternary |
$ouif-neutralQuaternary |
#d0d0d0 |
| neutralQuaternaryAlt |
$ouif-neutralQuaternaryAlt |
#dadada |
| neutralSecondary |
$ouif-neutralSecondary |
#666666 |
| neutralSecondaryAlt |
$ouif-neutralSecondaryAlt |
#767676 |
| neutralTertiary |
$ouif-neutralTertiary |
#a6a6a6 |
| neutralTertiaryAlt |
$ouif-neutralTertiaryAlt |
#c8c8c8 |
| orange |
$ouif-orange |
#d83b01 |
| orangeLight |
$ouif-orangeLight |
#ea4300 |
| orangeLighter |
$ouif-orangeLighter |
#ff8c00 |
| primaryBackground |
$ouif-primaryBackground |
#ffffff |
| primaryButtonBackground |
$ouif-primaryButtonBackground |
#03787c |
| primaryButtonBackgroundDisabled |
$ouif-primaryButtonBackgroundDisabled |
#f4f4f4 |
| primaryButtonBackgroundHovered |
$ouif-primaryButtonBackgroundHovered |
#026d70 |
| primaryButtonBackgroundPressed |
$ouif-primaryButtonBackgroundPressed |
#025c5f |
| primaryButtonBorder |
$ouif-primaryButtonBorder |
transparent |
| primaryButtonText |
$ouif-primaryButtonText |
#ffffff |
| primaryButtonTextDisabled |
$ouif-primaryButtonTextDisabled |
#d0d0d0 |
| primaryButtonTextHovered |
$ouif-primaryButtonTextHovered |
#ffffff |
| primaryButtonTextPressed |
$ouif-primaryButtonTextPressed |
#ffffff |
| primaryText |
$ouif-primaryText |
#333333 |
| purple |
$ouif-purple |
#5c2d91 |
| purpleDark |
$ouif-purpleDark |
#32145a |
| purpleLight |
$ouif-purpleLight |
#b4a0ff |
| red |
$ouif-red |
#e81123 |
| redDark |
$ouif-redDark |
#a80000 |
| roundedCorner2 |
$ouif-roundedCorner2 |
0px |
| successBackground |
$ouif-successBackground |
rgba(186, 216, 10, .2) |
| successText |
$ouif-successText |
#107C10 |
| suiteBarBackground |
$ouif-suiteBarBackground |
#03787c |
| suiteBarDisabledText |
$ouif-suiteBarDisabledText |
#eaeaea |
| suiteBarText |
$ouif-suiteBarText |
#ffffff |
| teal |
$ouif-teal |
#008272 |
| tealDark |
$ouif-tealDark |
#004b50 |
| tealLight |
$ouif-tealLight |
#00b294 |
| themeAccent |
$ouif-themeAccent |
#03787c |
| themeAccentTranslucent10 |
$ouif-themeAccentTranslucent10 |
rgba(3, 120, 124, 0.10) |
| themeDark |
$ouif-themeDark |
#025c5f |
| themeDarkAlt |
$ouif-themeDarkAlt |
#026d70 |
| themeDarker |
$ouif-themeDarker |
#014446 |
| themeLight |
$ouif-themeLight |
#98d6d8 |
| themeLighter |
$ouif-themeLighter |
#c5e9ea |
| themeLighterAlt |
$ouif-themeLighterAlt |
#f0f9fa |
| themePrimary |
$ouif-themePrimary |
#03787c |
| themeSecondary |
$ouif-themeSecondary |
#13898d |
| themeTertiary |
$ouif-themeTertiary |
#49aeb1 |
| topBarBackground |
$ouif-topBarBackground |
rgba(234, 234, 234, 0.78) |
| topBarHoverText |
$ouif-topBarHoverText |
#333333 |
| topBarText |
$ouif-topBarText |
#666666 |
| variantBorder |
$ouif-variantBorder |
#eaeaea |
| variantBorderHovered |
$ouif-variantBorderHovered |
#a6a6a6 |
| warningBackground |
$ouif-warningBackground |
rgba(255, 185, 0, .2) |
| warningHighlight |
$ouif-warningHighlight |
#ffb900 |
| warningText |
$ouif-warningText |
#333333 |
| white |
$ouif-white |
#ffffff |
| whiteTranslucent40 |
$ouif-whiteTranslucent40 |
rgba(255, 255, 255, 0.40) |
| yellow |
$ouif-yellow |
#ffb900 |
| yellowDark |
$ouif-yellowDark |
#d29200 |
| yellowLight |
$ouif-yellowLight |
#fff100 |