@@ -663,6 +663,59 @@ function getHTMLColorName(systemColorName, colorHex) {
663
663
return `${ systemColorName } is similar to ${ closestValue . name . toLowerCase ( ) } ` ;
664
664
}
665
665
666
+ const contrastThemeColors = [
667
+ {
668
+ 'name' : "Aquatic" ,
669
+ 'os' : "Windows 11" ,
670
+ 'background' : '#202020' ,
671
+ 'text' : '#ffffff' ,
672
+ 'hyperlink' : '#75e9fc' ,
673
+ 'inactiveText' : '#a6a6a6' ,
674
+ 'selectedBackground' : '#8ee3f0' ,
675
+ 'selectedText' : '#263b50' ,
676
+ 'buttonBackground' : '#202020' ,
677
+ 'buttonText' : '#ffffff' ,
678
+ } ,
679
+ {
680
+ 'name' : "Desert" ,
681
+ 'os' : "Windows 11" ,
682
+ 'background' : '#fffaef' ,
683
+ 'text' : '#3d3d3d' ,
684
+ 'hyperlink' : '#1c5e75' ,
685
+ 'inactiveText' : '#676767' ,
686
+ 'selectedBackground' : '#903909' ,
687
+ 'selectedText' : '#fff5e3' ,
688
+ 'buttonBackground' : '#fffaef' ,
689
+ 'buttonText' : '#202020' ,
690
+ } ,
691
+ {
692
+ 'name' : "Dusk" ,
693
+ 'os' : "Windows 11" ,
694
+ 'background' : '#2d3236' ,
695
+ 'text' : '#ffffff' ,
696
+ 'hyperlink' : '#70EBDE' ,
697
+ 'inactiveText' : '#a6a6a6' ,
698
+ 'selectedBackground' : '#a1bfde' ,
699
+ 'selectedText' : '#212d3b' ,
700
+ 'buttonBackground' : '#2d3236' ,
701
+ 'buttonText' : '#b6f6f0' ,
702
+ } ,
703
+ {
704
+ 'name' : "Night Sky" ,
705
+ 'os' : "Windows 11" ,
706
+ 'background' : '#000000' ,
707
+ 'text' : '#ffffff' ,
708
+ 'hyperlink' : '#8080ff' ,
709
+ 'inactiveText' : '#a6a6a6' ,
710
+ 'selectedBackground' : '#d6b4fd' ,
711
+ 'selectedText' : '#2b2b2b' ,
712
+ 'buttonBackground' : '#000000' ,
713
+ 'buttonText' : '#ffee32' ,
714
+ } ,
715
+
716
+ ] ;
717
+
718
+
666
719
const systemColorValues = [
667
720
{
668
721
value : 'AccentColor' ,
0 commit comments