Delete colors pass 3 (#3324)
* delete buttonTextCheckedHovered, accentButtonText, listText, variantBorderHovered * Remove defaultStateBackground, errorBackground, blockingBackground, warningBackground, warningHighlight, successBackground * Change files * Update tests
This commit is contained in:
Ruriko Araki
GitHub
Родитель
f466ee9833
Коммит
1086a55873
|
|
@ -132,7 +132,6 @@ export const applyBrand = (parent: Theme, currentBrand: string): PartialTheme =>
|
|||
return ramp
|
||||
? {
|
||||
colors: {
|
||||
successBackground: ramp.App6,
|
||||
inputBorderHovered: ramp.App3,
|
||||
inputBackgroundCheckedHovered: ramp.App1,
|
||||
inputFocusBorderAlt: ramp.App4,
|
||||
|
|
|
|||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"type": "minor",
|
||||
"comment": "Remove unused colors",
|
||||
"packageName": "@fluentui-react-native/android-theme",
|
||||
"email": "ruaraki@microsoft.com",
|
||||
"dependentChangeType": "patch"
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"type": "minor",
|
||||
"comment": "Remove unused colors",
|
||||
"packageName": "@fluentui-react-native/apple-theme",
|
||||
"email": "ruaraki@microsoft.com",
|
||||
"dependentChangeType": "patch"
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"type": "minor",
|
||||
"comment": "Remove unused colors",
|
||||
"packageName": "@fluentui-react-native/default-theme",
|
||||
"email": "ruaraki@microsoft.com",
|
||||
"dependentChangeType": "patch"
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"type": "minor",
|
||||
"comment": "Remove unused colors",
|
||||
"packageName": "@fluentui-react-native/tester",
|
||||
"email": "ruaraki@microsoft.com",
|
||||
"dependentChangeType": "patch"
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"type": "minor",
|
||||
"comment": "Remove unused colors",
|
||||
"packageName": "@fluentui-react-native/theme-types",
|
||||
"email": "ruaraki@microsoft.com",
|
||||
"dependentChangeType": "patch"
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"type": "minor",
|
||||
"comment": "Remove unused colors",
|
||||
"packageName": "@fluentui-react-native/win32-theme",
|
||||
"email": "ruaraki@microsoft.com",
|
||||
"dependentChangeType": "patch"
|
||||
}
|
||||
|
|
@ -4,10 +4,8 @@ exports[`createAndroidTheme test option { appearance: 'dark', defaultAppearance:
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#0086F0",
|
||||
"accentButtonText": "#000000",
|
||||
"actionLink": "#E1E1E1",
|
||||
"background": "#000000",
|
||||
"blockingBackground": "#CC3333",
|
||||
"bodyDivider": "#292929",
|
||||
"bodyFrameBackground": "#212121",
|
||||
"bodyFrameDivider": "#303030",
|
||||
|
|
@ -61,7 +59,6 @@ exports[`createAndroidTheme test option { appearance: 'dark', defaultAppearance:
|
|||
"buttonBorderFocused": "transparent",
|
||||
"buttonText": "#000000",
|
||||
"buttonTextChecked": "#ffffff",
|
||||
"buttonTextCheckedHovered": "#ffffff",
|
||||
"buttonTextDisabled": "#004C87",
|
||||
"buttonTextHovered": "#ffffff",
|
||||
"buttonTextPressed": "#000000",
|
||||
|
|
@ -92,11 +89,9 @@ exports[`createAndroidTheme test option { appearance: 'dark', defaultAppearance:
|
|||
"defaultPressedContent": "#000000",
|
||||
"defaultPressedIcon": "#000000",
|
||||
"defaultPressedSecondaryContent": "#6E6E6E",
|
||||
"defaultStateBackground": "transparent",
|
||||
"disabledBackground": "#212121",
|
||||
"disabledBodyText": "#404040",
|
||||
"disabledText": "#919191",
|
||||
"errorBackground": "#CC3333",
|
||||
"errorText": "#E83A3A",
|
||||
"focusBorder": "transparent",
|
||||
"ghostBackground": "transparent",
|
||||
|
|
@ -146,7 +141,6 @@ exports[`createAndroidTheme test option { appearance: 'dark', defaultAppearance:
|
|||
"listItemBackgroundChecked": "transparent",
|
||||
"listItemBackgroundCheckedHovered": "transparent",
|
||||
"listItemBackgroundHovered": "transparent",
|
||||
"listText": "#E1E1E1",
|
||||
"menuBackground": "#292929",
|
||||
"menuDivider": "transparent",
|
||||
"menuHeader": "transparent",
|
||||
|
|
@ -246,13 +240,10 @@ exports[`createAndroidTheme test option { appearance: 'dark', defaultAppearance:
|
|||
"successForeground1": "#54b054",
|
||||
"successForeground2": "#54b054",
|
||||
"variantBorder": "transparent",
|
||||
"variantBorderHovered": "transparent",
|
||||
"warningBackground": "#0EB244",
|
||||
"warningBackground1": "#4c4400",
|
||||
"warningBackground2": "#e4cc00",
|
||||
"warningForeground1": "#feee66",
|
||||
"warningForeground2": "#feee66",
|
||||
"warningHighlight": "#0D9D3D",
|
||||
},
|
||||
"components": {
|
||||
"Checkbox": {
|
||||
|
|
@ -624,10 +615,8 @@ exports[`createAndroidTheme test option { appearance: 'darkElevated', defaultApp
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#0086F0",
|
||||
"accentButtonText": "#000000",
|
||||
"actionLink": "#E1E1E1",
|
||||
"background": "#000000",
|
||||
"blockingBackground": "#CC3333",
|
||||
"bodyDivider": "#292929",
|
||||
"bodyFrameBackground": "#212121",
|
||||
"bodyFrameDivider": "#303030",
|
||||
|
|
@ -681,7 +670,6 @@ exports[`createAndroidTheme test option { appearance: 'darkElevated', defaultApp
|
|||
"buttonBorderFocused": "transparent",
|
||||
"buttonText": "#000000",
|
||||
"buttonTextChecked": "#ffffff",
|
||||
"buttonTextCheckedHovered": "#ffffff",
|
||||
"buttonTextDisabled": "#004C87",
|
||||
"buttonTextHovered": "#ffffff",
|
||||
"buttonTextPressed": "#000000",
|
||||
|
|
@ -712,11 +700,9 @@ exports[`createAndroidTheme test option { appearance: 'darkElevated', defaultApp
|
|||
"defaultPressedContent": "#000000",
|
||||
"defaultPressedIcon": "#000000",
|
||||
"defaultPressedSecondaryContent": "#6E6E6E",
|
||||
"defaultStateBackground": "transparent",
|
||||
"disabledBackground": "#212121",
|
||||
"disabledBodyText": "#404040",
|
||||
"disabledText": "#919191",
|
||||
"errorBackground": "#CC3333",
|
||||
"errorText": "#E83A3A",
|
||||
"focusBorder": "transparent",
|
||||
"ghostBackground": "transparent",
|
||||
|
|
@ -766,7 +752,6 @@ exports[`createAndroidTheme test option { appearance: 'darkElevated', defaultApp
|
|||
"listItemBackgroundChecked": "transparent",
|
||||
"listItemBackgroundCheckedHovered": "transparent",
|
||||
"listItemBackgroundHovered": "transparent",
|
||||
"listText": "#E1E1E1",
|
||||
"menuBackground": "#292929",
|
||||
"menuDivider": "transparent",
|
||||
"menuHeader": "transparent",
|
||||
|
|
@ -866,13 +851,10 @@ exports[`createAndroidTheme test option { appearance: 'darkElevated', defaultApp
|
|||
"successForeground1": "#54b054",
|
||||
"successForeground2": "#54b054",
|
||||
"variantBorder": "transparent",
|
||||
"variantBorderHovered": "transparent",
|
||||
"warningBackground": "#0EB244",
|
||||
"warningBackground1": "#4c4400",
|
||||
"warningBackground2": "#e4cc00",
|
||||
"warningForeground1": "#feee66",
|
||||
"warningForeground2": "#feee66",
|
||||
"warningHighlight": "#0D9D3D",
|
||||
},
|
||||
"components": {
|
||||
"Checkbox": {
|
||||
|
|
@ -1244,10 +1226,8 @@ exports[`createAndroidTheme test option { appearance: 'dynamic', defaultAppearan
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#0086F0",
|
||||
"accentButtonText": "#000000",
|
||||
"actionLink": "#E1E1E1",
|
||||
"background": "#000000",
|
||||
"blockingBackground": "#CC3333",
|
||||
"bodyDivider": "#292929",
|
||||
"bodyFrameBackground": "#212121",
|
||||
"bodyFrameDivider": "#303030",
|
||||
|
|
@ -1301,7 +1281,6 @@ exports[`createAndroidTheme test option { appearance: 'dynamic', defaultAppearan
|
|||
"buttonBorderFocused": "transparent",
|
||||
"buttonText": "#000000",
|
||||
"buttonTextChecked": "#ffffff",
|
||||
"buttonTextCheckedHovered": "#ffffff",
|
||||
"buttonTextDisabled": "#004C87",
|
||||
"buttonTextHovered": "#ffffff",
|
||||
"buttonTextPressed": "#000000",
|
||||
|
|
@ -1332,11 +1311,9 @@ exports[`createAndroidTheme test option { appearance: 'dynamic', defaultAppearan
|
|||
"defaultPressedContent": "#000000",
|
||||
"defaultPressedIcon": "#000000",
|
||||
"defaultPressedSecondaryContent": "#6E6E6E",
|
||||
"defaultStateBackground": "transparent",
|
||||
"disabledBackground": "#212121",
|
||||
"disabledBodyText": "#404040",
|
||||
"disabledText": "#919191",
|
||||
"errorBackground": "#CC3333",
|
||||
"errorText": "#E83A3A",
|
||||
"focusBorder": "transparent",
|
||||
"ghostBackground": "transparent",
|
||||
|
|
@ -1386,7 +1363,6 @@ exports[`createAndroidTheme test option { appearance: 'dynamic', defaultAppearan
|
|||
"listItemBackgroundChecked": "transparent",
|
||||
"listItemBackgroundCheckedHovered": "transparent",
|
||||
"listItemBackgroundHovered": "transparent",
|
||||
"listText": "#E1E1E1",
|
||||
"menuBackground": "#292929",
|
||||
"menuDivider": "transparent",
|
||||
"menuHeader": "transparent",
|
||||
|
|
@ -1486,13 +1462,10 @@ exports[`createAndroidTheme test option { appearance: 'dynamic', defaultAppearan
|
|||
"successForeground1": "#54b054",
|
||||
"successForeground2": "#54b054",
|
||||
"variantBorder": "transparent",
|
||||
"variantBorderHovered": "transparent",
|
||||
"warningBackground": "#0EB244",
|
||||
"warningBackground1": "#4c4400",
|
||||
"warningBackground2": "#e4cc00",
|
||||
"warningForeground1": "#feee66",
|
||||
"warningForeground2": "#feee66",
|
||||
"warningHighlight": "#0D9D3D",
|
||||
},
|
||||
"components": {
|
||||
"Checkbox": {
|
||||
|
|
@ -1864,10 +1837,8 @@ exports[`createAndroidTheme test option { appearance: 'highContrast', defaultApp
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#0086F0",
|
||||
"accentButtonText": "#000000",
|
||||
"actionLink": "#E1E1E1",
|
||||
"background": "#000000",
|
||||
"blockingBackground": "#CC3333",
|
||||
"bodyDivider": "#292929",
|
||||
"bodyFrameBackground": "#212121",
|
||||
"bodyFrameDivider": "#303030",
|
||||
|
|
@ -1921,7 +1892,6 @@ exports[`createAndroidTheme test option { appearance: 'highContrast', defaultApp
|
|||
"buttonBorderFocused": "transparent",
|
||||
"buttonText": "#000000",
|
||||
"buttonTextChecked": "#ffffff",
|
||||
"buttonTextCheckedHovered": "#ffffff",
|
||||
"buttonTextDisabled": "#004C87",
|
||||
"buttonTextHovered": "#ffffff",
|
||||
"buttonTextPressed": "#000000",
|
||||
|
|
@ -1952,11 +1922,9 @@ exports[`createAndroidTheme test option { appearance: 'highContrast', defaultApp
|
|||
"defaultPressedContent": "#000000",
|
||||
"defaultPressedIcon": "#000000",
|
||||
"defaultPressedSecondaryContent": "#6E6E6E",
|
||||
"defaultStateBackground": "transparent",
|
||||
"disabledBackground": "#212121",
|
||||
"disabledBodyText": "#404040",
|
||||
"disabledText": "#919191",
|
||||
"errorBackground": "#CC3333",
|
||||
"errorText": "#E83A3A",
|
||||
"focusBorder": "transparent",
|
||||
"ghostBackground": "transparent",
|
||||
|
|
@ -2006,7 +1974,6 @@ exports[`createAndroidTheme test option { appearance: 'highContrast', defaultApp
|
|||
"listItemBackgroundChecked": "transparent",
|
||||
"listItemBackgroundCheckedHovered": "transparent",
|
||||
"listItemBackgroundHovered": "transparent",
|
||||
"listText": "#E1E1E1",
|
||||
"menuBackground": "#292929",
|
||||
"menuDivider": "transparent",
|
||||
"menuHeader": "transparent",
|
||||
|
|
@ -2106,13 +2073,10 @@ exports[`createAndroidTheme test option { appearance: 'highContrast', defaultApp
|
|||
"successForeground1": "#54b054",
|
||||
"successForeground2": "#54b054",
|
||||
"variantBorder": "transparent",
|
||||
"variantBorderHovered": "transparent",
|
||||
"warningBackground": "#0EB244",
|
||||
"warningBackground1": "#4c4400",
|
||||
"warningBackground2": "#e4cc00",
|
||||
"warningForeground1": "#feee66",
|
||||
"warningForeground2": "#feee66",
|
||||
"warningHighlight": "#0D9D3D",
|
||||
},
|
||||
"components": {
|
||||
"Checkbox": {
|
||||
|
|
@ -2484,10 +2448,8 @@ exports[`createAndroidTheme test option { appearance: 'light', defaultAppearance
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#0078D4",
|
||||
"accentButtonText": "#FFFFFF",
|
||||
"actionLink": "#212121",
|
||||
"background": "#FFFFFF",
|
||||
"blockingBackground": "#DD4242",
|
||||
"bodyDivider": "#E1E1E1",
|
||||
"bodyFrameBackground": "#F1F1F1",
|
||||
"bodyFrameDivider": "#C8C8C8",
|
||||
|
|
@ -2541,7 +2503,6 @@ exports[`createAndroidTheme test option { appearance: 'light', defaultAppearance
|
|||
"buttonBorderFocused": "transparent",
|
||||
"buttonText": "#FFFFFF",
|
||||
"buttonTextChecked": "#ffffff",
|
||||
"buttonTextCheckedHovered": "#ffffff",
|
||||
"buttonTextDisabled": "#ACACAC",
|
||||
"buttonTextHovered": "#ffffff",
|
||||
"buttonTextPressed": "#FFFFFF",
|
||||
|
|
@ -2572,11 +2533,9 @@ exports[`createAndroidTheme test option { appearance: 'light', defaultAppearance
|
|||
"defaultPressedContent": "#FFFFFF",
|
||||
"defaultPressedIcon": "#FFFFFF",
|
||||
"defaultPressedSecondaryContent": "#919191",
|
||||
"defaultStateBackground": "transparent",
|
||||
"disabledBackground": "#F1F1F1",
|
||||
"disabledBodyText": "#ACACAC",
|
||||
"disabledText": "#6E6E6E",
|
||||
"errorBackground": "#DD4242",
|
||||
"errorText": "#D92C2C",
|
||||
"focusBorder": "transparent",
|
||||
"ghostBackground": "transparent",
|
||||
|
|
@ -2626,7 +2585,6 @@ exports[`createAndroidTheme test option { appearance: 'light', defaultAppearance
|
|||
"listItemBackgroundChecked": "transparent",
|
||||
"listItemBackgroundCheckedHovered": "transparent",
|
||||
"listItemBackgroundHovered": "transparent",
|
||||
"listText": "#212121",
|
||||
"menuBackground": "#FFFFFF",
|
||||
"menuDivider": "transparent",
|
||||
"menuHeader": "transparent",
|
||||
|
|
@ -2726,13 +2684,10 @@ exports[`createAndroidTheme test option { appearance: 'light', defaultAppearance
|
|||
"successForeground1": "#0e700e",
|
||||
"successForeground2": "#107c10",
|
||||
"variantBorder": "transparent",
|
||||
"variantBorderHovered": "transparent",
|
||||
"warningBackground": "#FFD335",
|
||||
"warningBackground1": "#fffef5",
|
||||
"warningBackground2": "#fde300",
|
||||
"warningForeground1": "#817400",
|
||||
"warningForeground2": "#817400",
|
||||
"warningHighlight": "#FFD94E",
|
||||
},
|
||||
"components": {
|
||||
"Checkbox": {
|
||||
|
|
@ -3104,10 +3059,8 @@ exports[`getAndroidTheme dark appearance test 1`] = `
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#0086F0",
|
||||
"accentButtonText": "#000000",
|
||||
"actionLink": "#E1E1E1",
|
||||
"background": "#000000",
|
||||
"blockingBackground": "#CC3333",
|
||||
"bodyDivider": "#292929",
|
||||
"bodyFrameBackground": "#212121",
|
||||
"bodyFrameDivider": "#303030",
|
||||
|
|
@ -3161,7 +3114,6 @@ exports[`getAndroidTheme dark appearance test 1`] = `
|
|||
"buttonBorderFocused": "transparent",
|
||||
"buttonText": "#000000",
|
||||
"buttonTextChecked": "#ffffff",
|
||||
"buttonTextCheckedHovered": "#ffffff",
|
||||
"buttonTextDisabled": "#004C87",
|
||||
"buttonTextHovered": "#ffffff",
|
||||
"buttonTextPressed": "#000000",
|
||||
|
|
@ -3192,11 +3144,9 @@ exports[`getAndroidTheme dark appearance test 1`] = `
|
|||
"defaultPressedContent": "#000000",
|
||||
"defaultPressedIcon": "#000000",
|
||||
"defaultPressedSecondaryContent": "#6E6E6E",
|
||||
"defaultStateBackground": "transparent",
|
||||
"disabledBackground": "#212121",
|
||||
"disabledBodyText": "#404040",
|
||||
"disabledText": "#919191",
|
||||
"errorBackground": "#CC3333",
|
||||
"errorText": "#E83A3A",
|
||||
"focusBorder": "transparent",
|
||||
"ghostBackground": "transparent",
|
||||
|
|
@ -3246,7 +3196,6 @@ exports[`getAndroidTheme dark appearance test 1`] = `
|
|||
"listItemBackgroundChecked": "transparent",
|
||||
"listItemBackgroundCheckedHovered": "transparent",
|
||||
"listItemBackgroundHovered": "transparent",
|
||||
"listText": "#E1E1E1",
|
||||
"menuBackground": "#292929",
|
||||
"menuDivider": "transparent",
|
||||
"menuHeader": "transparent",
|
||||
|
|
@ -3346,13 +3295,10 @@ exports[`getAndroidTheme dark appearance test 1`] = `
|
|||
"successForeground1": "#54b054",
|
||||
"successForeground2": "#54b054",
|
||||
"variantBorder": "transparent",
|
||||
"variantBorderHovered": "transparent",
|
||||
"warningBackground": "#0EB244",
|
||||
"warningBackground1": "#4c4400",
|
||||
"warningBackground2": "#e4cc00",
|
||||
"warningForeground1": "#feee66",
|
||||
"warningForeground2": "#feee66",
|
||||
"warningHighlight": "#0D9D3D",
|
||||
},
|
||||
"components": {
|
||||
"Checkbox": {
|
||||
|
|
@ -3724,10 +3670,8 @@ exports[`getAndroidTheme light appearance test 1`] = `
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#0078D4",
|
||||
"accentButtonText": "#FFFFFF",
|
||||
"actionLink": "#212121",
|
||||
"background": "#FFFFFF",
|
||||
"blockingBackground": "#DD4242",
|
||||
"bodyDivider": "#E1E1E1",
|
||||
"bodyFrameBackground": "#F1F1F1",
|
||||
"bodyFrameDivider": "#C8C8C8",
|
||||
|
|
@ -3781,7 +3725,6 @@ exports[`getAndroidTheme light appearance test 1`] = `
|
|||
"buttonBorderFocused": "transparent",
|
||||
"buttonText": "#FFFFFF",
|
||||
"buttonTextChecked": "#ffffff",
|
||||
"buttonTextCheckedHovered": "#ffffff",
|
||||
"buttonTextDisabled": "#ACACAC",
|
||||
"buttonTextHovered": "#ffffff",
|
||||
"buttonTextPressed": "#FFFFFF",
|
||||
|
|
@ -3812,11 +3755,9 @@ exports[`getAndroidTheme light appearance test 1`] = `
|
|||
"defaultPressedContent": "#FFFFFF",
|
||||
"defaultPressedIcon": "#FFFFFF",
|
||||
"defaultPressedSecondaryContent": "#919191",
|
||||
"defaultStateBackground": "transparent",
|
||||
"disabledBackground": "#F1F1F1",
|
||||
"disabledBodyText": "#ACACAC",
|
||||
"disabledText": "#6E6E6E",
|
||||
"errorBackground": "#DD4242",
|
||||
"errorText": "#D92C2C",
|
||||
"focusBorder": "transparent",
|
||||
"ghostBackground": "transparent",
|
||||
|
|
@ -3866,7 +3807,6 @@ exports[`getAndroidTheme light appearance test 1`] = `
|
|||
"listItemBackgroundChecked": "transparent",
|
||||
"listItemBackgroundCheckedHovered": "transparent",
|
||||
"listItemBackgroundHovered": "transparent",
|
||||
"listText": "#212121",
|
||||
"menuBackground": "#FFFFFF",
|
||||
"menuDivider": "transparent",
|
||||
"menuHeader": "transparent",
|
||||
|
|
@ -3966,13 +3906,10 @@ exports[`getAndroidTheme light appearance test 1`] = `
|
|||
"successForeground1": "#0e700e",
|
||||
"successForeground2": "#107c10",
|
||||
"variantBorder": "transparent",
|
||||
"variantBorderHovered": "transparent",
|
||||
"warningBackground": "#FFD335",
|
||||
"warningBackground1": "#fffef5",
|
||||
"warningBackground2": "#fde300",
|
||||
"warningForeground1": "#817400",
|
||||
"warningForeground2": "#817400",
|
||||
"warningHighlight": "#FFD94E",
|
||||
},
|
||||
"components": {
|
||||
"Checkbox": {
|
||||
|
|
|
|||
|
|
@ -22,14 +22,8 @@ export function paletteFromAndroidColors(p: FluentUIAndroidPalette): ThemeColorD
|
|||
|
||||
focusBorder: 'transparent',
|
||||
variantBorder: 'transparent',
|
||||
variantBorderHovered: 'transparent',
|
||||
defaultStateBackground: 'transparent',
|
||||
|
||||
errorText: p.dangerPrimary,
|
||||
errorBackground: p.dangerTint10,
|
||||
blockingBackground: p.dangerTint10,
|
||||
warningBackground: p.warningPrimary,
|
||||
warningHighlight: p.warningTint10,
|
||||
successBackground: p.successTint10,
|
||||
|
||||
inputBorder: 'transparent',
|
||||
|
|
@ -52,7 +46,6 @@ export function paletteFromAndroidColors(p: FluentUIAndroidPalette): ThemeColorD
|
|||
buttonText: p.textOnAccent,
|
||||
buttonTextHovered: '#ffffff',
|
||||
buttonTextChecked: '#ffffff',
|
||||
buttonTextCheckedHovered: '#ffffff',
|
||||
buttonTextPressed: p.textOnAccent,
|
||||
buttonTextDisabled: p.buttonTextDisabled,
|
||||
buttonBorderDisabled: 'transparent',
|
||||
|
|
@ -70,7 +63,6 @@ export function paletteFromAndroidColors(p: FluentUIAndroidPalette): ThemeColorD
|
|||
primaryButtonTextDisabled: p.buttonTextDisabled,
|
||||
|
||||
accentButtonBackground: p.buttonBackground,
|
||||
accentButtonText: p.textOnAccent,
|
||||
|
||||
menuBackground: p.menuBackground,
|
||||
menuDivider: 'transparent',
|
||||
|
|
@ -82,7 +74,6 @@ export function paletteFromAndroidColors(p: FluentUIAndroidPalette): ThemeColorD
|
|||
menuItemTextHovered: p.gray900,
|
||||
|
||||
listBackground: p.listBackground,
|
||||
listText: p.menuItemText,
|
||||
listItemBackgroundHovered: 'transparent',
|
||||
listItemBackgroundChecked: 'transparent',
|
||||
listItemBackgroundCheckedHovered: 'transparent',
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@ exports[`createAppleTheme test 1`] = `
|
|||
"light": "#0078D4",
|
||||
},
|
||||
},
|
||||
"accentButtonText": "#ffffff",
|
||||
"actionLink": {
|
||||
"semantic": [
|
||||
"linkColor",
|
||||
|
|
@ -22,14 +21,6 @@ exports[`createAppleTheme test 1`] = `
|
|||
"windowBackgroundColor",
|
||||
],
|
||||
},
|
||||
"blockingBackground": {
|
||||
"dynamic": {
|
||||
"dark": "transparent",
|
||||
"highContrastDark": undefined,
|
||||
"highContrastLight": undefined,
|
||||
"light": "#DD4242",
|
||||
},
|
||||
},
|
||||
"bodyDivider": {
|
||||
"semantic": [
|
||||
"separatorColor",
|
||||
|
|
@ -133,7 +124,6 @@ exports[`createAppleTheme test 1`] = `
|
|||
"buttonBorderFocused": "#00000000",
|
||||
"buttonText": "#616161",
|
||||
"buttonTextChecked": "#616161",
|
||||
"buttonTextCheckedHovered": "#616161",
|
||||
"buttonTextDisabled": {
|
||||
"colorWithSystemEffect": {
|
||||
"baseColor": "#616161",
|
||||
|
|
@ -218,11 +208,6 @@ exports[`createAppleTheme test 1`] = `
|
|||
"defaultPressedContent": "#000000",
|
||||
"defaultPressedIcon": "#616161",
|
||||
"defaultPressedSecondaryContent": "#ffffff",
|
||||
"defaultStateBackground": {
|
||||
"semantic": [
|
||||
"controlBackgroundColor",
|
||||
],
|
||||
},
|
||||
"disabledBackground": "#E1E1E1",
|
||||
"disabledBodyText": {
|
||||
"semantic": [
|
||||
|
|
@ -234,14 +219,6 @@ exports[`createAppleTheme test 1`] = `
|
|||
"tertiaryLabelColor",
|
||||
],
|
||||
},
|
||||
"errorBackground": {
|
||||
"dynamic": {
|
||||
"dark": "transparent",
|
||||
"highContrastDark": undefined,
|
||||
"highContrastLight": undefined,
|
||||
"light": "#DD4242",
|
||||
},
|
||||
},
|
||||
"errorText": {
|
||||
"dynamic": {
|
||||
"dark": "transparent",
|
||||
|
|
@ -446,11 +423,6 @@ exports[`createAppleTheme test 1`] = `
|
|||
"listItemBackgroundChecked": "transparent",
|
||||
"listItemBackgroundCheckedHovered": "transparent",
|
||||
"listItemBackgroundHovered": "transparent",
|
||||
"listText": {
|
||||
"semantic": [
|
||||
"labelColor",
|
||||
],
|
||||
},
|
||||
"menuBackground": "transparent",
|
||||
"menuDivider": {
|
||||
"semantic": [
|
||||
|
|
@ -609,14 +581,6 @@ exports[`createAppleTheme test 1`] = `
|
|||
"subtleBackgroundHover": "#f5f5f5",
|
||||
"subtleBackgroundPressed": "#e0e0e0",
|
||||
"subtleBackgroundSelected": "#ebebeb",
|
||||
"successBackground": {
|
||||
"dynamic": {
|
||||
"dark": "#0D9D3D",
|
||||
"highContrastDark": undefined,
|
||||
"highContrastLight": undefined,
|
||||
"light": "#27AC22",
|
||||
},
|
||||
},
|
||||
"successBackground1": "#f1faf1",
|
||||
"successBackground2": "#9fd89f",
|
||||
"successBackground3": "#107c10",
|
||||
|
|
@ -639,19 +603,6 @@ exports[`createAppleTheme test 1`] = `
|
|||
"separatorColor",
|
||||
],
|
||||
},
|
||||
"variantBorderHovered": {
|
||||
"semantic": [
|
||||
"separatorColor",
|
||||
],
|
||||
},
|
||||
"warningBackground": {
|
||||
"dynamic": {
|
||||
"dark": "#FFC328",
|
||||
"highContrastDark": undefined,
|
||||
"highContrastLight": undefined,
|
||||
"light": "#FFD335",
|
||||
},
|
||||
},
|
||||
"warningBackground1": "#fffef5",
|
||||
"warningBackground2": "#fef7b2",
|
||||
"warningBackground3": "#fde300",
|
||||
|
|
@ -662,14 +613,6 @@ exports[`createAppleTheme test 1`] = `
|
|||
"warningForeground2": "#817400",
|
||||
"warningForeground3": "#fde300",
|
||||
"warningForegroundInverted": "#fef7b2",
|
||||
"warningHighlight": {
|
||||
"dynamic": {
|
||||
"dark": "#E0AB24",
|
||||
"highContrastDark": undefined,
|
||||
"highContrastLight": undefined,
|
||||
"light": "#FFD94E",
|
||||
},
|
||||
},
|
||||
},
|
||||
"components": {
|
||||
"Button": {
|
||||
|
|
|
|||
|
|
@ -83,15 +83,8 @@ export function paletteFromAppleColors(isLightMode: boolean, isElevated: boolean
|
|||
|
||||
focusBorder: 'transparent',
|
||||
variantBorder: fluent2AliasColorTokens.neutralStroke2,
|
||||
variantBorderHovered: fluent2AliasColorTokens.neutralStroke2,
|
||||
defaultStateBackground: fluent2AliasColorTokens.neutralBackground1,
|
||||
|
||||
errorText: fluentApple.dangerPrimary,
|
||||
errorBackground: fluentApple.dangerTint10,
|
||||
blockingBackground: fluentApple.dangerTint10,
|
||||
warningBackground: fluentApple.warningPrimary,
|
||||
warningHighlight: fluentApple.warningTint10,
|
||||
successBackground: fluentApple.successTint10,
|
||||
|
||||
inputBorder: fluent2AliasColorTokens.neutralStroke2,
|
||||
inputBorderHovered: fluent2AliasColorTokens.neutralStroke2,
|
||||
|
|
@ -115,7 +108,6 @@ export function paletteFromAppleColors(isLightMode: boolean, isElevated: boolean
|
|||
buttonText: fluentApple.communicationBlue,
|
||||
buttonTextHovered: fluentApple.communicationBlue,
|
||||
buttonTextChecked: fluentApple.communicationBlue,
|
||||
buttonTextCheckedHovered: fluentApple.communicationBlue,
|
||||
buttonTextPressed: fluentApple.communicationBlueTint20,
|
||||
buttonTextDisabled: fluentApple.buttonTitleDisabled,
|
||||
buttonBorderDisabled: fluent2AliasColorTokens.neutralBackgroundDisabled,
|
||||
|
|
@ -133,7 +125,6 @@ export function paletteFromAppleColors(isLightMode: boolean, isElevated: boolean
|
|||
primaryButtonTextDisabled: fluent2AliasColorTokens.neutralForegroundOnColor,
|
||||
|
||||
accentButtonBackground: fluentApple.communicationBlue,
|
||||
accentButtonText: fluent2AliasColorTokens.neutralForegroundOnColor,
|
||||
|
||||
menuBackground: fluent2AliasColorTokens.neutralBackground1,
|
||||
menuDivider: fluent2AliasColorTokens.neutralStroke2,
|
||||
|
|
@ -145,7 +136,6 @@ export function paletteFromAppleColors(isLightMode: boolean, isElevated: boolean
|
|||
menuItemTextHovered: fluent2AliasColorTokens.neutralForeground1,
|
||||
|
||||
listBackground: fluent2AliasColorTokens.neutralBackground1,
|
||||
listText: fluent2AliasColorTokens.neutralForeground1,
|
||||
listItemBackgroundHovered: fluent2AliasColorTokens.neutralBackground1,
|
||||
listItemBackgroundChecked: fluent2AliasColorTokens.neutralBackground1,
|
||||
listItemBackgroundCheckedHovered: fluent2AliasColorTokens.neutralBackground1,
|
||||
|
|
|
|||
|
|
@ -284,14 +284,7 @@ export function fallbackApplePalette(mode: AppearanceOptions): ThemeColorDefinit
|
|||
|
||||
focusBorder: 'transparent',
|
||||
variantBorder: applePlatform.separatorColor,
|
||||
variantBorderHovered: applePlatform.separatorColor,
|
||||
defaultStateBackground: applePlatform.controlBackgroundColor,
|
||||
errorText: fluentUIApple.dangerPrimary,
|
||||
errorBackground: fluentUIApple.dangerTint10,
|
||||
blockingBackground: fluentUIApple.dangerTint10,
|
||||
warningBackground: fluentUIApple.warningPrimary,
|
||||
warningHighlight: fluentUIApple.warningTint10,
|
||||
successBackground: fluentUIApple.successTint10,
|
||||
|
||||
inputBorder: applePlatform.separatorColor,
|
||||
inputBorderHovered: applePlatform.separatorColor,
|
||||
|
|
@ -314,7 +307,6 @@ export function fallbackApplePalette(mode: AppearanceOptions): ThemeColorDefinit
|
|||
buttonText: macOSAliasColorTokens.neutralForeground3,
|
||||
buttonTextHovered: macOSAliasColorTokens.neutralForeground3,
|
||||
buttonTextChecked: macOSAliasColorTokens.neutralForeground3,
|
||||
buttonTextCheckedHovered: macOSAliasColorTokens.neutralForeground3,
|
||||
buttonTextPressed: ColorWithSystemEffectMacOS(macOSAliasColorTokens.neutralForeground3, 'pressed'),
|
||||
buttonTextDisabled: ColorWithSystemEffectMacOS(macOSAliasColorTokens.neutralForeground3, 'disabled'),
|
||||
|
||||
|
|
@ -333,7 +325,6 @@ export function fallbackApplePalette(mode: AppearanceOptions): ThemeColorDefinit
|
|||
primaryButtonTextDisabled: macOSAliasColorTokens.brandForeground1Disabled,
|
||||
|
||||
accentButtonBackground: fluentUIApple.communicationBlue,
|
||||
accentButtonText: macOSAliasColorTokens.neutralForegroundInverted,
|
||||
|
||||
menuBackground: 'transparent',
|
||||
menuDivider: applePlatform.separatorColor,
|
||||
|
|
@ -345,7 +336,6 @@ export function fallbackApplePalette(mode: AppearanceOptions): ThemeColorDefinit
|
|||
menuItemTextHovered: 'white',
|
||||
|
||||
listBackground: 'transparent',
|
||||
listText: applePlatform.labelColor,
|
||||
listItemBackgroundHovered: 'transparent',
|
||||
listItemBackgroundChecked: 'transparent',
|
||||
listItemBackgroundCheckedHovered: 'transparent',
|
||||
|
|
|
|||
|
|
@ -1043,10 +1043,8 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dark', defaultAppe
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#185abd",
|
||||
"accentButtonText": "#1b1a19",
|
||||
"actionLink": "#f3f2f1",
|
||||
"background": "#1b1a19",
|
||||
"blockingBackground": "rgba(234, 67, 0, .5)",
|
||||
"bodyDivider": "#292827",
|
||||
"bodyFrameBackground": "#1b1a19",
|
||||
"bodyFrameDivider": "#292827",
|
||||
|
|
@ -1097,7 +1095,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dark', defaultAppe
|
|||
"buttonBorderFocused": "#979693",
|
||||
"buttonText": "#ffffff",
|
||||
"buttonTextChecked": "#faf9f8",
|
||||
"buttonTextCheckedHovered": "#ffffff",
|
||||
"buttonTextDisabled": "#797775",
|
||||
"buttonTextHovered": "#f3f2f1",
|
||||
"buttonTextPressed": "#faf9f8",
|
||||
|
|
@ -1151,11 +1148,9 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dark', defaultAppe
|
|||
"defaultPressedContent": "#faf9f8",
|
||||
"defaultPressedIcon": "#faf9f8",
|
||||
"defaultPressedSecondaryContent": "#797775",
|
||||
"defaultStateBackground": "#201f1e",
|
||||
"disabledBackground": "#323130",
|
||||
"disabledBodyText": "#797775",
|
||||
"disabledText": "#797775",
|
||||
"errorBackground": "rgba(232, 17, 35, .5)",
|
||||
"errorText": "#ff5f5f",
|
||||
"focusBorder": "#a19f9d",
|
||||
"ghostBackground": "#1b1a19",
|
||||
|
|
@ -1205,7 +1200,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dark', defaultAppe
|
|||
"listItemBackgroundChecked": "#292827",
|
||||
"listItemBackgroundCheckedHovered": "#323130",
|
||||
"listItemBackgroundHovered": "#252423",
|
||||
"listText": "#f3f2f1",
|
||||
"menuBackground": "#252423",
|
||||
"menuDivider": "#484644",
|
||||
"menuHeader": "#ffffff",
|
||||
|
|
@ -1317,7 +1311,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dark', defaultAppe
|
|||
"subtleBackgroundHover": "#383838",
|
||||
"subtleBackgroundPressed": "#2e2e2e",
|
||||
"subtleBackgroundSelected": "#333333",
|
||||
"successBackground": "rgba(186, 216, 10, .4)",
|
||||
"successBackground1": "#052505",
|
||||
"successBackground2": "#094509",
|
||||
"successBackground3": "#107c10",
|
||||
|
|
@ -1336,8 +1329,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dark', defaultAppe
|
|||
"transparentStrokeDisabled": "#00000000",
|
||||
"transparentStrokeInteractive": "#00000000",
|
||||
"variantBorder": "#292827",
|
||||
"variantBorderHovered": "#797775",
|
||||
"warningBackground": "rgba(255, 251, 0, .6)",
|
||||
"warningBackground1": "#4c4400",
|
||||
"warningBackground2": "#817400",
|
||||
"warningBackground3": "#fde300",
|
||||
|
|
@ -1348,7 +1339,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dark', defaultAppe
|
|||
"warningForeground2": "#fef7b2",
|
||||
"warningForeground3": "#fdea3d",
|
||||
"warningForegroundInverted": "#817400",
|
||||
"warningHighlight": "#fff100",
|
||||
},
|
||||
"components": {},
|
||||
"host": {
|
||||
|
|
@ -1699,10 +1689,8 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dynamic', defaultA
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#185abd",
|
||||
"accentButtonText": "#1b1a19",
|
||||
"actionLink": "#f3f2f1",
|
||||
"background": "#1b1a19",
|
||||
"blockingBackground": "rgba(234, 67, 0, .5)",
|
||||
"bodyDivider": "#292827",
|
||||
"bodyFrameBackground": "#1b1a19",
|
||||
"bodyFrameDivider": "#292827",
|
||||
|
|
@ -1753,7 +1741,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dynamic', defaultA
|
|||
"buttonBorderFocused": "#979693",
|
||||
"buttonText": "#ffffff",
|
||||
"buttonTextChecked": "#faf9f8",
|
||||
"buttonTextCheckedHovered": "#ffffff",
|
||||
"buttonTextDisabled": "#797775",
|
||||
"buttonTextHovered": "#f3f2f1",
|
||||
"buttonTextPressed": "#faf9f8",
|
||||
|
|
@ -1807,11 +1794,9 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dynamic', defaultA
|
|||
"defaultPressedContent": "#faf9f8",
|
||||
"defaultPressedIcon": "#faf9f8",
|
||||
"defaultPressedSecondaryContent": "#797775",
|
||||
"defaultStateBackground": "#201f1e",
|
||||
"disabledBackground": "#323130",
|
||||
"disabledBodyText": "#797775",
|
||||
"disabledText": "#797775",
|
||||
"errorBackground": "rgba(232, 17, 35, .5)",
|
||||
"errorText": "#ff5f5f",
|
||||
"focusBorder": "#a19f9d",
|
||||
"ghostBackground": "#1b1a19",
|
||||
|
|
@ -1861,7 +1846,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dynamic', defaultA
|
|||
"listItemBackgroundChecked": "#292827",
|
||||
"listItemBackgroundCheckedHovered": "#323130",
|
||||
"listItemBackgroundHovered": "#252423",
|
||||
"listText": "#f3f2f1",
|
||||
"menuBackground": "#252423",
|
||||
"menuDivider": "#484644",
|
||||
"menuHeader": "#ffffff",
|
||||
|
|
@ -1973,7 +1957,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dynamic', defaultA
|
|||
"subtleBackgroundHover": "#383838",
|
||||
"subtleBackgroundPressed": "#2e2e2e",
|
||||
"subtleBackgroundSelected": "#333333",
|
||||
"successBackground": "rgba(186, 216, 10, .4)",
|
||||
"successBackground1": "#052505",
|
||||
"successBackground2": "#094509",
|
||||
"successBackground3": "#107c10",
|
||||
|
|
@ -1992,8 +1975,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dynamic', defaultA
|
|||
"transparentStrokeDisabled": "#00000000",
|
||||
"transparentStrokeInteractive": "#00000000",
|
||||
"variantBorder": "#292827",
|
||||
"variantBorderHovered": "#797775",
|
||||
"warningBackground": "rgba(255, 251, 0, .6)",
|
||||
"warningBackground1": "#4c4400",
|
||||
"warningBackground2": "#817400",
|
||||
"warningBackground3": "#fde300",
|
||||
|
|
@ -2004,7 +1985,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dynamic', defaultA
|
|||
"warningForeground2": "#fef7b2",
|
||||
"warningForeground3": "#fdea3d",
|
||||
"warningForegroundInverted": "#817400",
|
||||
"warningHighlight": "#fff100",
|
||||
},
|
||||
"components": {},
|
||||
"host": {
|
||||
|
|
@ -2355,10 +2335,8 @@ exports[`createDefaultTheme test themeOption - { appearance: 'highContrast', def
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#000000",
|
||||
"accentButtonText": "#ffffff",
|
||||
"actionLink": "#ffff00",
|
||||
"background": "#000000",
|
||||
"blockingBackground": "#000000",
|
||||
"bodyDivider": "#ffffff",
|
||||
"bodyFrameBackground": "#000000",
|
||||
"bodyFrameDivider": "#000000",
|
||||
|
|
@ -2465,7 +2443,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'highContrast', def
|
|||
"buttonBorderFocused": "#ffffff",
|
||||
"buttonText": "#ffffff",
|
||||
"buttonTextChecked": "#000000",
|
||||
"buttonTextCheckedHovered": "#000000",
|
||||
"buttonTextDisabled": "#3ff23f",
|
||||
"buttonTextHovered": "#000000",
|
||||
"buttonTextPressed": "#000000",
|
||||
|
|
@ -2595,11 +2572,9 @@ exports[`createDefaultTheme test themeOption - { appearance: 'highContrast', def
|
|||
"defaultPressedContent": "#000000",
|
||||
"defaultPressedIcon": "#000000",
|
||||
"defaultPressedSecondaryContent": "#000000",
|
||||
"defaultStateBackground": "#000000",
|
||||
"disabledBackground": "#000000",
|
||||
"disabledBodyText": "#3ff23f",
|
||||
"disabledText": "#3ff23f",
|
||||
"errorBackground": "#000000",
|
||||
"errorText": "#ffffff",
|
||||
"focusBorder": "#ffffff",
|
||||
"ghostBackground": "#000000",
|
||||
|
|
@ -2649,7 +2624,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'highContrast', def
|
|||
"listItemBackgroundChecked": "#1aebff",
|
||||
"listItemBackgroundCheckedHovered": "#1aebff",
|
||||
"listItemBackgroundHovered": "#1aebff",
|
||||
"listText": "#ffffff",
|
||||
"menuBackground": "#000000",
|
||||
"menuDivider": "#ffffff",
|
||||
"menuHeader": "#ffffff",
|
||||
|
|
@ -3105,7 +3079,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'highContrast', def
|
|||
"Highlight",
|
||||
],
|
||||
},
|
||||
"successBackground": "#000000",
|
||||
"successBackground1": {
|
||||
"resource_paths": [
|
||||
"Window",
|
||||
|
|
@ -3176,8 +3149,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'highContrast', def
|
|||
],
|
||||
},
|
||||
"variantBorder": "#ffffff",
|
||||
"variantBorderHovered": "#ffffff",
|
||||
"warningBackground": "#000000",
|
||||
"warningBackground1": {
|
||||
"resource_paths": [
|
||||
"Window",
|
||||
|
|
@ -3228,7 +3199,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'highContrast', def
|
|||
"WindowText",
|
||||
],
|
||||
},
|
||||
"warningHighlight": "#ffffff",
|
||||
},
|
||||
"components": {},
|
||||
"host": {
|
||||
|
|
@ -3579,10 +3549,8 @@ exports[`createDefaultTheme test themeOption - { appearance: 'light', defaultApp
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#185abd",
|
||||
"accentButtonText": "#ffffff",
|
||||
"actionLink": "#323130",
|
||||
"background": "#ffffff",
|
||||
"blockingBackground": "rgba(250, 65, 0, .2)",
|
||||
"bodyDivider": "#edebe9",
|
||||
"bodyFrameBackground": "#ffffff",
|
||||
"bodyFrameDivider": "#edebe9",
|
||||
|
|
@ -3633,7 +3601,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'light', defaultApp
|
|||
"buttonBorderFocused": "#8a8886",
|
||||
"buttonText": "#323130",
|
||||
"buttonTextChecked": "#201f1e",
|
||||
"buttonTextCheckedHovered": "#000000",
|
||||
"buttonTextDisabled": "#a19f9d",
|
||||
"buttonTextHovered": "#201f1e",
|
||||
"buttonTextPressed": "#201f1e",
|
||||
|
|
@ -3687,11 +3654,9 @@ exports[`createDefaultTheme test themeOption - { appearance: 'light', defaultApp
|
|||
"defaultPressedContent": "#201f1e",
|
||||
"defaultPressedIcon": "#201f1e",
|
||||
"defaultPressedSecondaryContent": "#a19f9d",
|
||||
"defaultStateBackground": "#faf9f8",
|
||||
"disabledBackground": "#f3f2f1",
|
||||
"disabledBodyText": "#a19f9d",
|
||||
"disabledText": "#a19f9d",
|
||||
"errorBackground": "rgba(245, 135, 145, .2)",
|
||||
"errorText": "#a4262c",
|
||||
"focusBorder": "#605e5c",
|
||||
"ghostBackground": "#ffffff",
|
||||
|
|
@ -3741,7 +3706,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'light', defaultApp
|
|||
"listItemBackgroundChecked": "#edebe9",
|
||||
"listItemBackgroundCheckedHovered": "#e1dfdd",
|
||||
"listItemBackgroundHovered": "#f3f2f1",
|
||||
"listText": "#323130",
|
||||
"menuBackground": "#ffffff",
|
||||
"menuDivider": "#c8c6c4",
|
||||
"menuHeader": "#185abd",
|
||||
|
|
@ -3853,7 +3817,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'light', defaultApp
|
|||
"subtleBackgroundHover": "#f5f5f5",
|
||||
"subtleBackgroundPressed": "#e0e0e0",
|
||||
"subtleBackgroundSelected": "#ebebeb",
|
||||
"successBackground": "rgba(95, 210, 85, .2)",
|
||||
"successBackground1": "#f1faf1",
|
||||
"successBackground2": "#9fd89f",
|
||||
"successBackground3": "#107c10",
|
||||
|
|
@ -3872,8 +3835,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'light', defaultApp
|
|||
"transparentStrokeDisabled": "#00000000",
|
||||
"transparentStrokeInteractive": "#00000000",
|
||||
"variantBorder": "#edebe9",
|
||||
"variantBorderHovered": "#a19f9d",
|
||||
"warningBackground": "rgba(255, 200, 10, .2)",
|
||||
"warningBackground1": "#fffef5",
|
||||
"warningBackground2": "#fef7b2",
|
||||
"warningBackground3": "#fde300",
|
||||
|
|
@ -3884,7 +3845,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'light', defaultApp
|
|||
"warningForeground2": "#817400",
|
||||
"warningForeground3": "#fde300",
|
||||
"warningForegroundInverted": "#fef7b2",
|
||||
"warningHighlight": "#ffb900",
|
||||
},
|
||||
"components": {},
|
||||
"host": {
|
||||
|
|
@ -4235,10 +4195,8 @@ exports[`createDefaultTheme test themeOption - { appearance: undefined, defaultA
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#185abd",
|
||||
"accentButtonText": "#ffffff",
|
||||
"actionLink": "#323130",
|
||||
"background": "#ffffff",
|
||||
"blockingBackground": "rgba(250, 65, 0, .2)",
|
||||
"bodyDivider": "#edebe9",
|
||||
"bodyFrameBackground": "#ffffff",
|
||||
"bodyFrameDivider": "#edebe9",
|
||||
|
|
@ -4289,7 +4247,6 @@ exports[`createDefaultTheme test themeOption - { appearance: undefined, defaultA
|
|||
"buttonBorderFocused": "#8a8886",
|
||||
"buttonText": "#323130",
|
||||
"buttonTextChecked": "#201f1e",
|
||||
"buttonTextCheckedHovered": "#000000",
|
||||
"buttonTextDisabled": "#a19f9d",
|
||||
"buttonTextHovered": "#201f1e",
|
||||
"buttonTextPressed": "#201f1e",
|
||||
|
|
@ -4343,11 +4300,9 @@ exports[`createDefaultTheme test themeOption - { appearance: undefined, defaultA
|
|||
"defaultPressedContent": "#201f1e",
|
||||
"defaultPressedIcon": "#201f1e",
|
||||
"defaultPressedSecondaryContent": "#a19f9d",
|
||||
"defaultStateBackground": "#faf9f8",
|
||||
"disabledBackground": "#f3f2f1",
|
||||
"disabledBodyText": "#a19f9d",
|
||||
"disabledText": "#a19f9d",
|
||||
"errorBackground": "rgba(245, 135, 145, .2)",
|
||||
"errorText": "#a4262c",
|
||||
"focusBorder": "#605e5c",
|
||||
"ghostBackground": "#ffffff",
|
||||
|
|
@ -4397,7 +4352,6 @@ exports[`createDefaultTheme test themeOption - { appearance: undefined, defaultA
|
|||
"listItemBackgroundChecked": "#edebe9",
|
||||
"listItemBackgroundCheckedHovered": "#e1dfdd",
|
||||
"listItemBackgroundHovered": "#f3f2f1",
|
||||
"listText": "#323130",
|
||||
"menuBackground": "#ffffff",
|
||||
"menuDivider": "#c8c6c4",
|
||||
"menuHeader": "#185abd",
|
||||
|
|
@ -4509,7 +4463,6 @@ exports[`createDefaultTheme test themeOption - { appearance: undefined, defaultA
|
|||
"subtleBackgroundHover": "#f5f5f5",
|
||||
"subtleBackgroundPressed": "#e0e0e0",
|
||||
"subtleBackgroundSelected": "#ebebeb",
|
||||
"successBackground": "rgba(95, 210, 85, .2)",
|
||||
"successBackground1": "#f1faf1",
|
||||
"successBackground2": "#9fd89f",
|
||||
"successBackground3": "#107c10",
|
||||
|
|
@ -4528,8 +4481,6 @@ exports[`createDefaultTheme test themeOption - { appearance: undefined, defaultA
|
|||
"transparentStrokeDisabled": "#00000000",
|
||||
"transparentStrokeInteractive": "#00000000",
|
||||
"variantBorder": "#edebe9",
|
||||
"variantBorderHovered": "#a19f9d",
|
||||
"warningBackground": "rgba(255, 200, 10, .2)",
|
||||
"warningBackground1": "#fffef5",
|
||||
"warningBackground2": "#fef7b2",
|
||||
"warningBackground3": "#fde300",
|
||||
|
|
@ -4540,7 +4491,6 @@ exports[`createDefaultTheme test themeOption - { appearance: undefined, defaultA
|
|||
"warningForeground2": "#817400",
|
||||
"warningForeground3": "#fde300",
|
||||
"warningForegroundInverted": "#fef7b2",
|
||||
"warningHighlight": "#ffb900",
|
||||
},
|
||||
"components": {},
|
||||
"host": {
|
||||
|
|
@ -5410,10 +5360,8 @@ exports[`defaultFluentDarkTheme test 1`] = `
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#185abd",
|
||||
"accentButtonText": "#1b1a19",
|
||||
"actionLink": "#f3f2f1",
|
||||
"background": "#1b1a19",
|
||||
"blockingBackground": "rgba(234, 67, 0, .5)",
|
||||
"bodyDivider": "#292827",
|
||||
"bodyFrameBackground": "#1b1a19",
|
||||
"bodyFrameDivider": "#292827",
|
||||
|
|
@ -5464,7 +5412,6 @@ exports[`defaultFluentDarkTheme test 1`] = `
|
|||
"buttonBorderFocused": "#979693",
|
||||
"buttonText": "#ffffff",
|
||||
"buttonTextChecked": "#faf9f8",
|
||||
"buttonTextCheckedHovered": "#ffffff",
|
||||
"buttonTextDisabled": "#797775",
|
||||
"buttonTextHovered": "#f3f2f1",
|
||||
"buttonTextPressed": "#faf9f8",
|
||||
|
|
@ -5518,11 +5465,9 @@ exports[`defaultFluentDarkTheme test 1`] = `
|
|||
"defaultPressedContent": "#faf9f8",
|
||||
"defaultPressedIcon": "#faf9f8",
|
||||
"defaultPressedSecondaryContent": "#797775",
|
||||
"defaultStateBackground": "#201f1e",
|
||||
"disabledBackground": "#323130",
|
||||
"disabledBodyText": "#797775",
|
||||
"disabledText": "#797775",
|
||||
"errorBackground": "rgba(232, 17, 35, .5)",
|
||||
"errorText": "#ff5f5f",
|
||||
"focusBorder": "#a19f9d",
|
||||
"ghostBackground": "#1b1a19",
|
||||
|
|
@ -5572,7 +5517,6 @@ exports[`defaultFluentDarkTheme test 1`] = `
|
|||
"listItemBackgroundChecked": "#292827",
|
||||
"listItemBackgroundCheckedHovered": "#323130",
|
||||
"listItemBackgroundHovered": "#252423",
|
||||
"listText": "#f3f2f1",
|
||||
"menuBackground": "#252423",
|
||||
"menuDivider": "#484644",
|
||||
"menuHeader": "#ffffff",
|
||||
|
|
@ -5684,7 +5628,6 @@ exports[`defaultFluentDarkTheme test 1`] = `
|
|||
"subtleBackgroundHover": "#383838",
|
||||
"subtleBackgroundPressed": "#2e2e2e",
|
||||
"subtleBackgroundSelected": "#333333",
|
||||
"successBackground": "rgba(186, 216, 10, .4)",
|
||||
"successBackground1": "#052505",
|
||||
"successBackground2": "#094509",
|
||||
"successBackground3": "#107c10",
|
||||
|
|
@ -5703,8 +5646,6 @@ exports[`defaultFluentDarkTheme test 1`] = `
|
|||
"transparentStrokeDisabled": "#00000000",
|
||||
"transparentStrokeInteractive": "#00000000",
|
||||
"variantBorder": "#292827",
|
||||
"variantBorderHovered": "#797775",
|
||||
"warningBackground": "rgba(255, 251, 0, .6)",
|
||||
"warningBackground1": "#4c4400",
|
||||
"warningBackground2": "#817400",
|
||||
"warningBackground3": "#fde300",
|
||||
|
|
@ -5715,7 +5656,6 @@ exports[`defaultFluentDarkTheme test 1`] = `
|
|||
"warningForeground2": "#fef7b2",
|
||||
"warningForeground3": "#fdea3d",
|
||||
"warningForegroundInverted": "#817400",
|
||||
"warningHighlight": "#fff100",
|
||||
},
|
||||
"components": {},
|
||||
"host": {
|
||||
|
|
@ -6066,10 +6006,8 @@ exports[`defaultFluentTheme test 1`] = `
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#185abd",
|
||||
"accentButtonText": "#ffffff",
|
||||
"actionLink": "#323130",
|
||||
"background": "#ffffff",
|
||||
"blockingBackground": "rgba(250, 65, 0, .2)",
|
||||
"bodyDivider": "#edebe9",
|
||||
"bodyFrameBackground": "#ffffff",
|
||||
"bodyFrameDivider": "#edebe9",
|
||||
|
|
@ -6120,7 +6058,6 @@ exports[`defaultFluentTheme test 1`] = `
|
|||
"buttonBorderFocused": "#8a8886",
|
||||
"buttonText": "#323130",
|
||||
"buttonTextChecked": "#201f1e",
|
||||
"buttonTextCheckedHovered": "#000000",
|
||||
"buttonTextDisabled": "#a19f9d",
|
||||
"buttonTextHovered": "#201f1e",
|
||||
"buttonTextPressed": "#201f1e",
|
||||
|
|
@ -6174,11 +6111,9 @@ exports[`defaultFluentTheme test 1`] = `
|
|||
"defaultPressedContent": "#201f1e",
|
||||
"defaultPressedIcon": "#201f1e",
|
||||
"defaultPressedSecondaryContent": "#a19f9d",
|
||||
"defaultStateBackground": "#faf9f8",
|
||||
"disabledBackground": "#f3f2f1",
|
||||
"disabledBodyText": "#a19f9d",
|
||||
"disabledText": "#a19f9d",
|
||||
"errorBackground": "rgba(245, 135, 145, .2)",
|
||||
"errorText": "#a4262c",
|
||||
"focusBorder": "#605e5c",
|
||||
"ghostBackground": "#ffffff",
|
||||
|
|
@ -6228,7 +6163,6 @@ exports[`defaultFluentTheme test 1`] = `
|
|||
"listItemBackgroundChecked": "#edebe9",
|
||||
"listItemBackgroundCheckedHovered": "#e1dfdd",
|
||||
"listItemBackgroundHovered": "#f3f2f1",
|
||||
"listText": "#323130",
|
||||
"menuBackground": "#ffffff",
|
||||
"menuDivider": "#c8c6c4",
|
||||
"menuHeader": "#185abd",
|
||||
|
|
@ -6340,7 +6274,6 @@ exports[`defaultFluentTheme test 1`] = `
|
|||
"subtleBackgroundHover": "#f5f5f5",
|
||||
"subtleBackgroundPressed": "#e0e0e0",
|
||||
"subtleBackgroundSelected": "#ebebeb",
|
||||
"successBackground": "rgba(95, 210, 85, .2)",
|
||||
"successBackground1": "#f1faf1",
|
||||
"successBackground2": "#9fd89f",
|
||||
"successBackground3": "#107c10",
|
||||
|
|
@ -6359,8 +6292,6 @@ exports[`defaultFluentTheme test 1`] = `
|
|||
"transparentStrokeDisabled": "#00000000",
|
||||
"transparentStrokeInteractive": "#00000000",
|
||||
"variantBorder": "#edebe9",
|
||||
"variantBorderHovered": "#a19f9d",
|
||||
"warningBackground": "rgba(255, 200, 10, .2)",
|
||||
"warningBackground1": "#fffef5",
|
||||
"warningBackground2": "#fef7b2",
|
||||
"warningBackground3": "#fde300",
|
||||
|
|
@ -6371,7 +6302,6 @@ exports[`defaultFluentTheme test 1`] = `
|
|||
"warningForeground2": "#817400",
|
||||
"warningForeground3": "#fde300",
|
||||
"warningForegroundInverted": "#fef7b2",
|
||||
"warningHighlight": "#ffb900",
|
||||
},
|
||||
"components": {},
|
||||
"host": {
|
||||
|
|
|
|||
|
|
@ -25,16 +25,8 @@ export function paletteFromFabricColors(p: FabricWebPalette, isInverted?: boolea
|
|||
|
||||
focusBorder: p.neutralSecondary,
|
||||
variantBorder: p.neutralLight,
|
||||
variantBorderHovered: p.neutralTertiary,
|
||||
defaultStateBackground: p.neutralLighterAlt,
|
||||
|
||||
errorText: !isInverted ? p.redDark : '#ff5f5f',
|
||||
errorBackground: !isInverted ? 'rgba(245, 135, 145, .2)' : 'rgba(232, 17, 35, .5)',
|
||||
blockingBackground: !isInverted ? 'rgba(250, 65, 0, .2)' : 'rgba(234, 67, 0, .5)',
|
||||
warningBackground: !isInverted ? 'rgba(255, 200, 10, .2)' : 'rgba(255, 251, 0, .6)',
|
||||
warningHighlight: !isInverted ? '#ffb900' : '#fff100',
|
||||
successBackground: !isInverted ? 'rgba(95, 210, 85, .2)' : 'rgba(186, 216, 10, .4)',
|
||||
|
||||
inputBorder: p.neutralTertiary,
|
||||
inputBorderHovered: p.neutralPrimary,
|
||||
inputBackground: p.white,
|
||||
|
|
@ -55,7 +47,6 @@ export function paletteFromFabricColors(p: FabricWebPalette, isInverted?: boolea
|
|||
buttonText: isInverted ? p.black : p.neutralPrimary,
|
||||
buttonTextHovered: isInverted ? p.neutralPrimary : p.neutralDark,
|
||||
buttonTextChecked: p.neutralDark,
|
||||
buttonTextCheckedHovered: p.black,
|
||||
buttonTextPressed: p.neutralDark,
|
||||
buttonTextDisabled: p.neutralTertiary,
|
||||
buttonBorderDisabled: p.neutralLighter,
|
||||
|
|
@ -73,7 +64,6 @@ export function paletteFromFabricColors(p: FabricWebPalette, isInverted?: boolea
|
|||
primaryButtonTextDisabled: p.neutralQuaternary,
|
||||
|
||||
accentButtonBackground: p.accent,
|
||||
accentButtonText: p.white,
|
||||
|
||||
menuBackground: isInverted ? p.neutralLighter : p.white,
|
||||
menuDivider: isInverted ? p.neutralTertiaryAlt : p.neutralTertiaryAlt,
|
||||
|
|
@ -85,7 +75,6 @@ export function paletteFromFabricColors(p: FabricWebPalette, isInverted?: boolea
|
|||
menuItemTextHovered: p.neutralDark,
|
||||
|
||||
listBackground: p.white,
|
||||
listText: p.neutralPrimary,
|
||||
listItemBackgroundHovered: p.neutralLighter,
|
||||
listItemBackgroundChecked: p.neutralLight,
|
||||
listItemBackgroundCheckedHovered: p.neutralQuaternaryAlt,
|
||||
|
|
@ -218,15 +207,8 @@ export function getStockWebHCPalette(): ThemeColorDefinition {
|
|||
|
||||
focusBorder: '#ffffff',
|
||||
variantBorder: '#ffffff',
|
||||
variantBorderHovered: '#ffffff',
|
||||
defaultStateBackground: '#000000',
|
||||
|
||||
errorText: '#ffffff',
|
||||
errorBackground: '#000000',
|
||||
blockingBackground: '#000000',
|
||||
warningBackground: '#000000',
|
||||
warningHighlight: '#ffffff',
|
||||
successBackground: '#000000',
|
||||
|
||||
inputBorder: '#ffffff',
|
||||
inputBorderHovered: '#1aebff',
|
||||
|
|
@ -248,7 +230,6 @@ export function getStockWebHCPalette(): ThemeColorDefinition {
|
|||
buttonText: '#ffffff',
|
||||
buttonTextHovered: '#000000',
|
||||
buttonTextChecked: '#000000',
|
||||
buttonTextCheckedHovered: '#000000',
|
||||
buttonTextPressed: '#000000',
|
||||
buttonTextDisabled: '#3ff23f',
|
||||
buttonBorderDisabled: '#3ff23f',
|
||||
|
|
@ -266,7 +247,6 @@ export function getStockWebHCPalette(): ThemeColorDefinition {
|
|||
primaryButtonTextDisabled: '#3ff23f',
|
||||
|
||||
accentButtonBackground: '#000000',
|
||||
accentButtonText: '#ffffff',
|
||||
|
||||
menuBackground: '#000000',
|
||||
menuDivider: '#ffffff',
|
||||
|
|
@ -278,7 +258,6 @@ export function getStockWebHCPalette(): ThemeColorDefinition {
|
|||
menuItemTextHovered: '#000000',
|
||||
|
||||
listBackground: '#000000',
|
||||
listText: '#ffffff',
|
||||
listItemBackgroundHovered: '#1aebff',
|
||||
listItemBackgroundChecked: '#1aebff',
|
||||
listItemBackgroundCheckedHovered: '#1aebff',
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@ export interface FabricWebPalette {
|
|||
themeLighterAlt: ColorValue;
|
||||
|
||||
// ROLE: Text, should not be called black
|
||||
// bodyTextChecked, buttonTextCheckedHovered
|
||||
// bodyTextChecked
|
||||
black: ColorValue;
|
||||
|
||||
// unused
|
||||
|
|
@ -66,7 +66,7 @@ export interface FabricWebPalette {
|
|||
neutralDark: ColorValue;
|
||||
|
||||
// ROLE: text, border
|
||||
// bodyText, inputBorderHovered, inputText, buttonText, menuItemText, listText, actionLink
|
||||
// bodyText, inputBorderHovered, inputText, buttonText, menuItemText, actionLink
|
||||
neutralPrimary: ColorValue;
|
||||
|
||||
// unused
|
||||
|
|
@ -81,7 +81,7 @@ export interface FabricWebPalette {
|
|||
neutralSecondaryAlt: ColorValue;
|
||||
|
||||
// ROLE: text, border
|
||||
// disabledText, disabledBodyText, variantBorderHovered, inputBorder, buttonTextDisabled
|
||||
// disabledText, disabledBodyText, inputBorder, buttonTextDisabled
|
||||
neutralTertiary: ColorValue;
|
||||
|
||||
// ROLE: text, background, border
|
||||
|
|
@ -107,7 +107,7 @@ export interface FabricWebPalette {
|
|||
neutralLighter: ColorValue;
|
||||
|
||||
// ROLE: background
|
||||
// bodyStandoutBackground, defaultStateBackground
|
||||
// bodyStandoutBackground
|
||||
neutralLighterAlt: ColorValue;
|
||||
|
||||
// ROLE: background
|
||||
|
|
@ -116,7 +116,7 @@ export interface FabricWebPalette {
|
|||
|
||||
// ROLE: background, theme/accent text
|
||||
// bodyBackground, bodyFrameBackground, inputBackground, inputForegroundChecked, primaryButtonText, primaryButtonTextHovered
|
||||
// primaryButtonTextPressed, accentButtonText, menuBackground, listBackground
|
||||
// primaryButtonTextPressed, menuBackground, listBackground
|
||||
white: ColorValue;
|
||||
|
||||
// red color
|
||||
|
|
@ -168,8 +168,6 @@ export interface PaletteTextColors {
|
|||
buttonTextHovered: ColorValue;
|
||||
/** Color of text in a checked standard button */
|
||||
buttonTextChecked: ColorValue;
|
||||
/** Color of text in a checked and hovered standard button */
|
||||
buttonTextCheckedHovered: ColorValue;
|
||||
/** Color of text in a pressed standard button; i.e. currently being clicked by mouse */
|
||||
buttonTextPressed: ColorValue;
|
||||
/** Color of text in a disabled standard button */
|
||||
|
|
@ -183,14 +181,6 @@ export interface PaletteTextColors {
|
|||
primaryButtonTextPressed: ColorValue;
|
||||
/** Color of text in a disabled primary button */
|
||||
primaryButtonTextDisabled: ColorValue;
|
||||
|
||||
/** Color of text for accent button (kicker) */
|
||||
accentButtonText: ColorValue;
|
||||
|
||||
//// Lists
|
||||
|
||||
/** The default text color for list item titles and text in column fields. */
|
||||
listText: ColorValue;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -216,23 +206,6 @@ export interface PaletteBackgroundColors {
|
|||
focusBorder: ColorValue;
|
||||
/** The color of the border that provides contrast between an element, such as a card, and an emphasized background. */
|
||||
variantBorder: ColorValue;
|
||||
/** Hover color of border that provides contrast between an element, such as a card, and an emphasized background. */
|
||||
variantBorderHovered: ColorValue;
|
||||
/** Background color for default/empty state elements; default icons, placeholder graphics, empty seats, etc. */
|
||||
defaultStateBackground: ColorValue;
|
||||
|
||||
//// Invariants - slots that rarely change color theme-to-theme because the color has meaning
|
||||
|
||||
/** The background for errors, if necessary, or highlighting the section of the page where the error is present. */
|
||||
errorBackground: ColorValue;
|
||||
/** Background for blocking issues, which is more severe than a warning, but not as bad as an error. */
|
||||
blockingBackground: ColorValue;
|
||||
/** Background for warning messages. */
|
||||
warningBackground: ColorValue;
|
||||
/** Foreground color for warning highlights */
|
||||
warningHighlight: ColorValue;
|
||||
/** Background for success */
|
||||
successBackground: ColorValue;
|
||||
|
||||
//// Input controls slots (text fields, checkboxes, radios...)
|
||||
|
||||
|
|
@ -309,8 +282,6 @@ export interface PaletteBackgroundColors {
|
|||
|
||||
/** The background color for the entire list. */
|
||||
listBackground: ColorValue;
|
||||
/** The default text color for list item titles and text in column fields. */
|
||||
listText: ColorValue;
|
||||
/** The background color of a hovered list item. */
|
||||
listItemBackgroundHovered: ColorValue;
|
||||
/** The background color of a checked list item. */
|
||||
|
|
|
|||
|
|
@ -2442,10 +2442,8 @@ exports[`createOfficeTheme test 1`] = `
|
|||
{
|
||||
"colors": {
|
||||
"accentButtonBackground": "#D83B01",
|
||||
"accentButtonText": "#FFFFFF",
|
||||
"actionLink": "#262626",
|
||||
"background": "antiquewhite",
|
||||
"blockingBackground": "antiquewhite",
|
||||
"bodyDivider": "#E6E6E6",
|
||||
"bodyFrameBackground": "antiquewhite",
|
||||
"bodyFrameDivider": "#E6E6E6",
|
||||
|
|
@ -2493,7 +2491,6 @@ exports[`createOfficeTheme test 1`] = `
|
|||
"buttonBorderFocused": "#FBDFD0",
|
||||
"buttonText": "#262626",
|
||||
"buttonTextChecked": "#262626",
|
||||
"buttonTextCheckedHovered": "#262626",
|
||||
"buttonTextDisabled": "#B1B1B1",
|
||||
"buttonTextHovered": "#262626",
|
||||
"buttonTextPressed": "#262626",
|
||||
|
|
@ -2547,11 +2544,9 @@ exports[`createOfficeTheme test 1`] = `
|
|||
"defaultPressedContent": "#262626",
|
||||
"defaultPressedIcon": "#262626",
|
||||
"defaultPressedSecondaryContent": "#a19f9d",
|
||||
"defaultStateBackground": "antiquewhite",
|
||||
"disabledBackground": "#F3F3F3",
|
||||
"disabledBodyText": "#B1B1B1",
|
||||
"disabledText": "#B1B1B1",
|
||||
"errorBackground": "antiquewhite",
|
||||
"errorText": "#A50000",
|
||||
"focusBorder": "#969696",
|
||||
"ghostBackground": "antiquewhite",
|
||||
|
|
@ -2601,7 +2596,6 @@ exports[`createOfficeTheme test 1`] = `
|
|||
"listItemBackgroundChecked": "#C6C6C6",
|
||||
"listItemBackgroundCheckedHovered": "#C6C6C6",
|
||||
"listItemBackgroundHovered": "#D2D2D2",
|
||||
"listText": "#262626",
|
||||
"menuBackground": "antiquewhite",
|
||||
"menuDivider": "#E6E6E6",
|
||||
"menuHeader": "#262626",
|
||||
|
|
@ -2713,7 +2707,6 @@ exports[`createOfficeTheme test 1`] = `
|
|||
"subtleBackgroundHover": "#f5f5f5",
|
||||
"subtleBackgroundPressed": "#e0e0e0",
|
||||
"subtleBackgroundSelected": "#ebebeb",
|
||||
"successBackground": "#D83B01",
|
||||
"successBackground1": "#f1faf1",
|
||||
"successBackground2": "#9fd89f",
|
||||
"successBackground3": "#107c10",
|
||||
|
|
@ -2732,8 +2725,6 @@ exports[`createOfficeTheme test 1`] = `
|
|||
"transparentStrokeDisabled": "#00000000",
|
||||
"transparentStrokeInteractive": "#00000000",
|
||||
"variantBorder": "#000000",
|
||||
"variantBorderHovered": "#000000",
|
||||
"warningBackground": "antiquewhite",
|
||||
"warningBackground1": "#fffef5",
|
||||
"warningBackground2": "#fef7b2",
|
||||
"warningBackground3": "#fde300",
|
||||
|
|
@ -2744,7 +2735,6 @@ exports[`createOfficeTheme test 1`] = `
|
|||
"warningForeground2": "#817400",
|
||||
"warningForeground3": "#fde300",
|
||||
"warningForegroundInverted": "#fef7b2",
|
||||
"warningHighlight": "#A50000",
|
||||
},
|
||||
"host": {
|
||||
"appearance": "light",
|
||||
|
|
|
|||
|
|
@ -17,15 +17,8 @@ export function paletteFromOfficeColors(p: OfficePalette): Palette {
|
|||
|
||||
focusBorder: p.StrokeKeyboard,
|
||||
variantBorder: p.AccentOutline,
|
||||
variantBorderHovered: p.AccentOutline,
|
||||
defaultStateBackground: p.Bkg,
|
||||
|
||||
errorText: p.TextError,
|
||||
errorBackground: p.Bkg,
|
||||
blockingBackground: p.Bkg,
|
||||
warningBackground: p.Bkg,
|
||||
warningHighlight: p.TextError,
|
||||
successBackground: p.TextEmphasis,
|
||||
|
||||
inputBorder: p.StrokeCtlSubtle,
|
||||
inputBorderHovered: p.StrokeCtlSubtleHover,
|
||||
|
|
@ -47,7 +40,6 @@ export function paletteFromOfficeColors(p: OfficePalette): Palette {
|
|||
buttonText: p.TextCtl,
|
||||
buttonTextHovered: p.TextCtlHover,
|
||||
buttonTextChecked: p.TextCtlSelected,
|
||||
buttonTextCheckedHovered: p.TextCtlSelected,
|
||||
buttonTextPressed: p.TextCtlPressed,
|
||||
buttonTextDisabled: p.TextCtlDisabled,
|
||||
buttonBorderDisabled: p.StrokeCtlDisabled,
|
||||
|
|
@ -65,7 +57,6 @@ export function paletteFromOfficeColors(p: OfficePalette): Palette {
|
|||
primaryButtonTextDisabled: p.TextCtlEmphasisDisabled,
|
||||
|
||||
accentButtonBackground: p.BkgCtlEmphasis,
|
||||
accentButtonText: p.TextCtlEmphasis,
|
||||
|
||||
menuBackground: p.Bkg,
|
||||
menuDivider: p.AccentLight,
|
||||
|
|
@ -77,7 +68,6 @@ export function paletteFromOfficeColors(p: OfficePalette): Palette {
|
|||
menuItemTextHovered: p.TextHover,
|
||||
|
||||
listBackground: p.Bkg,
|
||||
listText: p.Text,
|
||||
listItemBackgroundHovered: p.BkgHover,
|
||||
listItemBackgroundChecked: p.BkgSelected,
|
||||
listItemBackgroundCheckedHovered: p.BkgSelected,
|
||||
|
|
|
|||
|
|
@ -76,15 +76,8 @@ export const mockTheme: Theme = {
|
|||
|
||||
focusBorder: neutralSecondary,
|
||||
variantBorder: neutralLight,
|
||||
variantBorderHovered: neutralTertiary,
|
||||
defaultStateBackground: neutralLighterAlt,
|
||||
|
||||
errorText: redDark,
|
||||
errorBackground: 'rgba(245, 135, 145, .2)',
|
||||
blockingBackground: 'rgba(250, 65, 0, .2)',
|
||||
warningBackground: 'rgba(255, 200, 10, .2)',
|
||||
warningHighlight: '#ffb900',
|
||||
successBackground: 'rgba(95, 210, 85, .2)',
|
||||
|
||||
inputBorder: neutralTertiary,
|
||||
inputBorderHovered: neutralPrimary,
|
||||
|
|
@ -106,7 +99,6 @@ export const mockTheme: Theme = {
|
|||
buttonText: neutralPrimary,
|
||||
buttonTextHovered: neutralDark,
|
||||
buttonTextChecked: neutralDark,
|
||||
buttonTextCheckedHovered: black,
|
||||
buttonTextPressed: neutralDark,
|
||||
buttonTextDisabled: neutralTertiary,
|
||||
buttonBorderDisabled: neutralLighter,
|
||||
|
|
@ -124,7 +116,6 @@ export const mockTheme: Theme = {
|
|||
primaryButtonTextDisabled: neutralQuaternary,
|
||||
|
||||
accentButtonBackground: accent,
|
||||
accentButtonText: white,
|
||||
|
||||
menuBackground: white,
|
||||
menuDivider: neutralTertiaryAlt,
|
||||
|
|
@ -136,7 +127,6 @@ export const mockTheme: Theme = {
|
|||
menuItemTextHovered: neutralDark,
|
||||
|
||||
listBackground: white,
|
||||
listText: neutralPrimary,
|
||||
listItemBackgroundHovered: neutralLighter,
|
||||
listItemBackgroundChecked: neutralLight,
|
||||
listItemBackgroundCheckedHovered: neutralQuaternaryAlt,
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче