Skip to content

Commit fa6e999

Browse files
style: improving color contrast (#526)
* style: improving color contrast In light theme: Improve contrast on brand foreground: colorBrandForeground1 colorBrandForeground2 colorBrandForeground2Hover colorBrandForeground2Pressed Improve background contrast on colorNeutralBackground2 Make colorSubtleBackgroundHover visible on top of all background Correction of illustration "location" that got themes switched * style: fixes * style: fixes
1 parent d5a5ae3 commit fa6e999

File tree

24 files changed

+6676
-61
lines changed

24 files changed

+6676
-61
lines changed

icons/src/utils/bundleIcon.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1+
import { makeStyles, mergeClasses } from "@griffel/react";
12
import React from "react";
2-
import { iconFilledClassName, iconRegularClassName } from "./constants";
33
import { AxisIconProps } from "./FluentIconsProps.types";
4-
import { makeStyles, mergeClasses } from "@griffel/react";
4+
import { iconFilledClassName, iconRegularClassName } from "./constants";
55

66
const useBundledIconStyles = makeStyles({
77
root: { display: "none" },

icons/src/utils/useIconState.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1+
import { makeStyles, mergeClasses } from "@griffel/react";
12
import React from "react";
23
import { AxisIconProps } from "./FluentIconsProps.types";
3-
import { makeStyles, mergeClasses } from "@griffel/react";
44

55
const useRootStyles = makeStyles({
66
root: {

illustrations/assets/Location/il_axis_location_dark.svg

Lines changed: 18 additions & 30 deletions
Loading

illustrations/assets/Location/il_axis_location_light.svg

Lines changed: 30 additions & 18 deletions
Loading

illustrations/src/illustrations/chunk-1.tsx

Lines changed: 2 additions & 2 deletions
Large diffs are not rendered by default.

theme/Colors.xaml

Lines changed: 395 additions & 0 deletions
Large diffs are not rendered by default.

theme/ConstantResources.xaml

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!--
2+
Do not edit directly
3+
Generated on Thu, 18 Dec 2025 15:24:07 GMT
4+
-->
5+
<ResourceDictionary
6+
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
7+
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
8+
xmlns:system="clr-namespace:System;assembly=mscorlib"
9+
>
10+
<system:Double x:Key="FontSizeBase100">10</system:Double>
11+
<system:Double x:Key="FontSizeBase200">12</system:Double>
12+
<system:Double x:Key="FontSizeBase300">14</system:Double>
13+
<system:Double x:Key="FontSizeBase400">16</system:Double>
14+
<system:Double x:Key="FontSizeBase500">20</system:Double>
15+
<system:Double x:Key="FontSizeBase600">24</system:Double>
16+
<system:Double x:Key="FontSizeHero700">28</system:Double>
17+
<system:Double x:Key="FontSizeHero800">32</system:Double>
18+
<system:Double x:Key="FontSizeHero900">40</system:Double>
19+
<system:Double x:Key="FontSizeHero1000">68</system:Double>
20+
21+
<FontWeight x:Key="FontWeightRegular">Regular</FontWeight>
22+
<FontWeight x:Key="FontWeightMedium">Medium</FontWeight>
23+
<FontWeight x:Key="FontWeightSemibold">SemiBold</FontWeight>
24+
<FontWeight x:Key="FontWeightBold">Bold</FontWeight>
25+
26+
<Thickness x:Key="StrokeWidthThin">1</Thickness>
27+
<Thickness x:Key="StrokeWidthThick">2</Thickness>
28+
<Thickness x:Key="StrokeWidthThicker">3</Thickness>
29+
<Thickness x:Key="StrokeWidthThickest">4</Thickness>
30+
31+
<CornerRadius x:Key="BorderRadiusNone">0</CornerRadius>
32+
<CornerRadius x:Key="BorderRadiusSmall">2</CornerRadius>
33+
<CornerRadius x:Key="BorderRadiusMedium">4</CornerRadius>
34+
<CornerRadius x:Key="BorderRadiusLarge">6</CornerRadius>
35+
<CornerRadius x:Key="BorderRadiusXLarge">8</CornerRadius>
36+
<CornerRadius x:Key="BorderRadiusCircular">10000</CornerRadius>
37+
</ResourceDictionary>

0 commit comments

Comments
 (0)