Fix low contract on properties/accessors in light mode

Resolves #2795

Author: Gerrit0

CHANGELOG.md

@@ -6,8 +6,8 @@ title: Changelog
 
 ### Bug Fixes
 
--   Add special handling for import types with type errors discarded with
-    ts-expect-error, #2792.
+-   Add special handling for import types with type errors discarded with ts-expect-error, #2792.
+-   Fixed low contrast in default colors for properties/accessors in light mode, #2795.
 
 ## v0.27.2 (2024-11-29)
 

static/style.css

@@ -29,9 +29,9 @@
         --light-color-ts-function: #572be7;
         --light-color-ts-class: #1f70c2;
         --light-color-ts-interface: #108024;
-        --light-color-ts-constructor: #4d7fff;
-        --light-color-ts-property: #ff984d;
-        --light-color-ts-method: #ff4db8;
+        --light-color-ts-constructor: var(--light-color-ts-class);
+        --light-color-ts-property: #9f5f30;
+        --light-color-ts-method: #be3989;
         --light-color-ts-reference: #ff4d82;
         --light-color-ts-call-signature: var(--light-color-ts-method);
         --light-color-ts-index-signature: var(--light-color-ts-property);
@@ -41,7 +41,7 @@
         --light-color-ts-parameter: var(--light-color-ts-variable);
         /* type literal not included as links will never be generated to it */
         --light-color-ts-type-parameter: #a55c0e;
-        --light-color-ts-accessor: #ff4d4d;
+        --light-color-ts-accessor: #c73c3c;
         --light-color-ts-get-signature: var(--light-color-ts-accessor);
         --light-color-ts-set-signature: var(--light-color-ts-accessor);
         --light-color-ts-type-alias: #d51270;
@@ -86,7 +86,7 @@
         --dark-color-ts-function: #a280ff;
         --dark-color-ts-class: #8ac4ff;
         --dark-color-ts-interface: #6cff87;
-        --dark-color-ts-constructor: #4d7fff;
+        --dark-color-ts-constructor: var(--dark-color-ts-class);
         --dark-color-ts-property: #ff984d;
         --dark-color-ts-method: #ff4db8;
         --dark-color-ts-reference: #ff4d82;
@@ -96,7 +96,7 @@
         --dark-color-ts-parameter: var(--dark-color-ts-variable);
         /* type literal not included as links will never be generated to it */
         --dark-color-ts-type-parameter: #e07d13;
-        --dark-color-ts-accessor: #ff4d4d;
+        --dark-color-ts-accessor: #ff6060;
         --dark-color-ts-get-signature: var(--dark-color-ts-accessor);
         --dark-color-ts-set-signature: var(--dark-color-ts-accessor);
         --dark-color-ts-type-alias: #ff6492;