diff --git a/chat/common.ts b/chat/common.ts
index d6aaa741..fb2a58c6 100644
--- a/chat/common.ts
+++ b/chat/common.ts
@@ -127,7 +127,6 @@ export class Settings implements ISettings {
risingComparisonInSearch = true;
risingShowUnreadOfflineCount = true;
- risingColorblindMode = false;
risingShowPortraitNearInput = true;
risingShowPortraitInMessage = true;
risingShowHighQualityPortraits = true;
diff --git a/chat/general-settings.ts b/chat/general-settings.ts
index ff97ba0f..e931d399 100644
--- a/chat/general-settings.ts
+++ b/chat/general-settings.ts
@@ -1,5 +1,16 @@
import { ProfileViewerGalleryType } from '../site/utils';
+export type ColorblindMode =
+ | 'none'
+ | 'protanopia'
+ | 'protanomaly'
+ | 'deuteranopia'
+ | 'deuteranomaly'
+ | 'tritanopia'
+ | 'tritanomaly'
+ | 'achromatopsia'
+ | 'achromatomaly';
+
export interface GeneralSettings {
account: string;
closeToTray: boolean;
@@ -27,6 +38,7 @@ export interface GeneralSettings {
hwAcceleration: boolean;
reducedMotion: boolean;
horizonHighContrast: boolean;
+ horizonColorblindMode: ColorblindMode;
risingCacheExpiryDays: number;
horizonCacheMemoryCount: number;
risingSystemLogLevel: string | false;
diff --git a/chat/interfaces.ts b/chat/interfaces.ts
index 9c1c3c5d..c6f505f4 100644
--- a/chat/interfaces.ts
+++ b/chat/interfaces.ts
@@ -327,7 +327,6 @@ export namespace Settings {
readonly risingComparisonInSearch: boolean;
readonly risingShowUnreadOfflineCount: boolean;
- readonly risingColorblindMode: boolean;
readonly risingShowPortraitNearInput: boolean;
readonly risingShowPortraitInMessage: boolean;
readonly risingShowHighQualityPortraits: boolean;
diff --git a/chat/locales/en-US.json b/chat/locales/en-US.json
index da5f86fa..d33d4bc5 100644
--- a/chat/locales/en-US.json
+++ b/chat/locales/en-US.json
@@ -732,7 +732,25 @@
"settings.clickOpensMessage": "Clicking users opens messages (instead of their profile)",
"settings.closeToTray": "Close to tray",
"settings.colorBookmarks": "Show friends/bookmarks in a different colour",
- "settings.colorblindMode": "Colorblind mode",
+ "settings.colorblindMode": "Color vision deficiency assistance",
+ "settings.colorblindMode.none": "Off",
+ "settings.colorblindMode.protanopia": "Red-green blindness",
+ "settings.colorblindMode.protanomaly": "Red-green weakness",
+ "settings.colorblindMode.deuteranopia": "Green-red blindness",
+ "settings.colorblindMode.deuteranomaly": "Green-red weakness",
+ "settings.colorblindMode.tritanopia": "Blue-yellow blindness",
+ "settings.colorblindMode.tritanomaly": "Blue-yellow weakness",
+ "settings.colorblindMode.achromatopsia": "Complete color blindness",
+ "settings.colorblindMode.achromatomaly": "Partial color blindness",
+ "settings.colorblindMode.help.none": "No color vision adjustment.",
+ "settings.colorblindMode.help.protanopia": "Adjusts colors for red-green color vision deficiency caused by reduced red sensitivity.",
+ "settings.colorblindMode.help.protanomaly": "Adjusts colors for a milder red-green color vision deficiency caused by reduced red sensitivity.",
+ "settings.colorblindMode.help.deuteranopia": "Adjusts colors for red-green color vision deficiency caused by reduced green sensitivity.",
+ "settings.colorblindMode.help.deuteranomaly": "Adjusts colors for a milder red-green color vision deficiency caused by reduced green sensitivity.",
+ "settings.colorblindMode.help.tritanopia": "Adjusts colors for blue-yellow color vision deficiency.",
+ "settings.colorblindMode.help.tritanomaly": "Adjusts colors for a milder blue-yellow color vision deficiency.",
+ "settings.colorblindMode.help.achromatopsia": "Adjusts colors for complete color blindness.",
+ "settings.colorblindMode.help.achromatomaly": "Adjusts colors for partial color blindness.",
"settings.comingsoon": "Coming soon.",
"settings.customCss": "Custom user stylesheet",
"settings.customCss.css": "Custom CSS",
diff --git a/chat/preview/CharacterPreview.vue b/chat/preview/CharacterPreview.vue
index b6900c16..053073ad 100644
--- a/chat/preview/CharacterPreview.vue
+++ b/chat/preview/CharacterPreview.vue
@@ -526,21 +526,25 @@
}
.match {
+ color: var(--scoreMatchFg);
background-color: var(--scoreMatchBg);
border: solid 1px var(--scoreMatchFg);
}
.weak-match {
+ color: var(--scoreWeakMatchFg);
background-color: var(--scoreWeakMatchBg);
border: 1px solid var(--scoreWeakMatchFg);
}
.weak-mismatch {
+ color: var(--scoreWeakMismatchFg);
background-color: var(--scoreWeakMismatchBg);
border: 1px solid var(--scoreWeakMismatchFg);
}
.mismatch {
+ color: var(--scoreMismatchFg);
background-color: var(--scoreMismatchBg);
border: 1px solid var(--scoreMismatchFg);
}
diff --git a/chat/preview/MatchTags.vue b/chat/preview/MatchTags.vue
index b68dd555..2e3a5698 100644
--- a/chat/preview/MatchTags.vue
+++ b/chat/preview/MatchTags.vue
@@ -47,21 +47,25 @@
border-radius: 3px;
&.match {
+ color: var(--scoreMatchFg);
background-color: var(--scoreMatchBg);
border: solid 1px var(--scoreMatchFg);
}
&.weak-match {
+ color: var(--scoreWeakMatchFg);
background-color: var(--scoreWeakMatchBg);
border: 1px solid var(--scoreWeakMatchFg);
}
&.weak-mismatch {
+ color: var(--scoreWeakMismatchFg);
background-color: var(--scoreWeakMismatchBg);
border: 1px solid var(--scoreWeakMismatchFg);
}
&.mismatch {
+ color: var(--scoreMismatchFg);
background-color: var(--scoreMismatchBg);
border: 1px solid var(--scoreMismatchFg);
}
diff --git a/electron/Index.vue b/electron/Index.vue
index 8c940fee..bebf9a8e 100644
--- a/electron/Index.vue
+++ b/electron/Index.vue
@@ -963,7 +963,12 @@
[`theme-${core.state.settings?.risingCharacterTheme || this.getSyncedTheme()}`]: true,
[`${this.getSyncedTheme()}`]: true,
[`platform-${platform}`]: true,
- colorblindMode: core.state.settings?.risingColorblindMode || false,
+ colorblindMode: this.isColorblindModeActive(),
+ ...(this.isColorblindModeActive()
+ ? {
+ [`colorblind-${core.state.generalSettings!.horizonColorblindMode}`]: true
+ }
+ : {}),
vanillaTextColors: this.settings.horizonVanillaTextColors,
vanillaGenderColors: this.settings.horizonVanillaGenderColors,
['force-reduced-motion']: this.settings.reducedMotion || false,
@@ -983,6 +988,10 @@
};
}
},
+ isColorblindModeActive(): boolean {
+ const mode = core.state.generalSettings?.horizonColorblindMode;
+ return mode !== undefined && mode !== 'none';
+ },
nextProfile(): void {
if (!this.nextProfileAvailable()) {
return;
diff --git a/electron/common.ts b/electron/common.ts
index 46c844a3..2bbf6909 100644
--- a/electron/common.ts
+++ b/electron/common.ts
@@ -1,7 +1,10 @@
import * as electron from 'electron';
import * as path from 'path';
import { ProfileViewerGalleryType } from '../site/utils';
-import { GeneralSettings as GeneralSettingsInterface } from '../chat/general-settings';
+import {
+ GeneralSettings as GeneralSettingsInterface,
+ ColorblindMode
+} from '../chat/general-settings';
import log from 'electron-log'; //tslint:disable-line:match-default-export-name
@@ -51,6 +54,7 @@ export class GeneralSettings implements GeneralSettingsInterface {
hwAcceleration = true;
reducedMotion = false;
horizonHighContrast = false;
+ horizonColorblindMode: ColorblindMode = 'none';
risingCacheExpiryDays = 30;
horizonCacheMemoryCount = 350;
risingSystemLogLevel: log.LevelOption = 'info';
diff --git a/scss/_rising.scss b/scss/_rising.scss
index 1398cbb3..8f16f34f 100644
--- a/scss/_rising.scss
+++ b/scss/_rising.scss
@@ -1,14 +1,31 @@
+$scoreTextMinContrastRatio: 3;
+
$risingVariables: (
scorePerfectMatchBg: #{$scorePerfectMatchBg},
- scorePerfectMatchFg: #{$scorePerfectMatchFg},
+ scorePerfectMatchFg: #{color-contrast(
+ $scorePerfectMatchBg,
+ $min-contrast-ratio: $scoreTextMinContrastRatio
+ )},
scoreMatchBg: #{$scoreMatchBg},
- scoreMatchFg: #{$scoreMatchFg},
+ scoreMatchFg: #{color-contrast(
+ $scoreMatchBg,
+ $min-contrast-ratio: $scoreTextMinContrastRatio
+ )},
scoreWeakMatchBg: #{$scoreWeakMatchBg},
- scoreWeakMatchFg: #{$scoreWeakMatchFg},
+ scoreWeakMatchFg: #{color-contrast(
+ $scoreWeakMatchBg,
+ $min-contrast-ratio: $scoreTextMinContrastRatio
+ )},
scoreWeakMismatchBg: #{$scoreWeakMismatchBg},
- scoreWeakMismatchFg: #{$scoreWeakMismatchFg},
+ scoreWeakMismatchFg: #{color-contrast(
+ $scoreWeakMismatchBg,
+ $min-contrast-ratio: $scoreTextMinContrastRatio
+ )},
scoreMismatchBg: #{$scoreMismatchBg},
- scoreMismatchFg: #{$scoreMismatchFg},
+ scoreMismatchFg: #{color-contrast(
+ $scoreMismatchBg,
+ $min-contrast-ratio: $scoreTextMinContrastRatio
+ )},
scoreTitleColor: #{$scoreTitleColor},
scoreMinimizeButtonFg: #{$scoreMinimizeButtonFg},
scoreMinimizeButtonBg: #{$scoreMinimizeButtonBg},
diff --git a/scss/themes/_chat.scss b/scss/themes/_chat.scss
index 1071f1a5..d656caa5 100644
--- a/scss/themes/_chat.scss
+++ b/scss/themes/_chat.scss
@@ -1,3 +1,5 @@
+@use 'sass:color';
+
@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/variables-dark';
@@ -29,6 +31,53 @@
@import '~bootstrap/scss/utilities/api';
@import '~bootstrap/scss/helpers/color-bg';
+$scorePerfectMatchBg: rgb(0, 173, 173) !default;
+$scorePerfectMatchFg: rgb(29, 154, 154) !default;
+$scoreMatchBg: rgb(0, 142, 0) !default;
+$scoreMatchFg: rgb(0, 113, 0) !default;
+$scoreWeakMatchBg: rgb(0, 80, 0) !default;
+$scoreWeakMatchFg: rgb(0, 64, 0) !default;
+$scoreWeakMismatchBg: rgb(214, 146, 43) !default;
+$scoreWeakMismatchFg: rgb(142, 126, 0) !default;
+$scoreMismatchBg: rgb(171, 0, 0) !default;
+$scoreMismatchFg: rgb(128, 0, 0) !default;
+$scoreTitleColor: white !default;
+$scoreMinimizeButtonFg: rgba(255, 255, 255, 0.7) !default;
+$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2) !default;
+$scoreReportBg: rgba(0, 0, 0, 0.2) !default;
+
+$scoreFadedPerfectMatchBg: color.scale(
+ $scorePerfectMatchBg,
+ $alpha: -60%
+) !default;
+$scoreFadedPerfectMatchFg: color.scale(
+ $scorePerfectMatchFg,
+ $alpha: -60%
+) !default;
+$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%) !default;
+$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%) !default;
+$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%) !default;
+$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%) !default;
+$scoreFadedWeakMismatchBg: color.scale(
+ $scoreWeakMismatchBg,
+ $alpha: -60%
+) !default;
+$scoreFadedWeakMismatchFg: color.scale(
+ $scoreWeakMismatchFg,
+ $alpha: -60%
+) !default;
+$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%) !default;
+$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%) !default;
+
+$scoreStandoutMatchBorderColor: #048a04 !default;
+$scoreStandoutMatchBgColor: rgba(0, 110, 0, 0.47) !default;
+$scoreStandoutWeakMatchBorderColor: #014a01 !default;
+$scoreStandoutWeakMatchBgColor: rgba(0, 79, 0, 0.4) !default;
+$scoreStandoutNeutralBorderColor: #555 !default;
+$scoreStandoutWeakMismatchBorderColor: rgb(138, 123, 0) !default;
+$scoreStandoutWeakMismatchBgColor: rgba(208, 188, 0, 0) !default;
+$scoreStandoutMismatchBorderColor: #841a1a !default;
+
@import '../core';
@import '../chat';
@import '../character_page';
diff --git a/scss/themes/_colorblind.scss b/scss/themes/_colorblind.scss
index 364bdbff..920431f1 100644
--- a/scss/themes/_colorblind.scss
+++ b/scss/themes/_colorblind.scss
@@ -2,12 +2,12 @@
$scorePerfectMatchBg: #e467b8;
$scorePerfectMatchFg: #e467b8;
-$scoreMatchBg: #317bd0;
+$scoreMatchBg: #6aa7ee;
$scoreMatchFg: #317bd0;
-$scoreWeakMatchBg: #208601;
-$scoreWeakMatchFg: #208601;
-$scoreWeakMismatchBg: #606060;
-$scoreWeakMismatchFg: #606060;
+$scoreWeakMatchBg: #38db06;
+$scoreWeakMatchFg: #38db06;
+$scoreWeakMismatchBg: #d1d0d0;
+$scoreWeakMismatchFg: #d1d0d0;
$scoreMismatchBg: #ab0000;
$scoreMismatchFg: #ab0000;
@@ -20,15 +20,11 @@ $scoreStandoutWeakMismatchBorderColor: #888;
$scoreStandoutWeakMismatchBgColor: rgba(170, 170, 170, 0);
$scoreStandoutMismatchBorderColor: #ab0000;
-// Palettes tuned for red/green colour vision deficiency: under protanopia and
-// deuteranopia only the blue-yellow axis and lightness survive, so hues drift
-// from the normal-mode palette to keep every pair distinguishable. Validated
-// with a Machado (2009) CVD simulation; any edit must keep a pairwise CIELAB
-// deltaE of at least 17 (dark) / 13 (light) under normal, protan and deutan
-// vision, and stay readable against the theme background.
+// Color assignments keep gender cues distinguishable without relying on the
+// affected color axis. Each mode below is paired with its own palette.
$cvd-light-theme: color.lightness($body-bg) > 50%;
-$genders: if(
+$red-green-genders: if(
$cvd-light-theme,
(
'shemale': #8b2500,
@@ -52,28 +48,103 @@ $genders: if(
)
);
-@each $gender, $color in $genders {
- .gender-#{$gender},
- .gender-icon-#{$gender} {
- --gender-color: #{$color};
- }
+$blue-yellow-genders: if(
+ $cvd-light-theme,
+ (
+ 'shemale': #b2182b,
+ 'herm': #7b3294,
+ 'none': $gray-500,
+ 'female': #d6604d,
+ 'male': #2166ac,
+ 'male-herm': #053061,
+ 'transgender': #a6611a,
+ 'cunt-boy': #1b7837
+ ),
+ (
+ 'shemale': #ef8a62,
+ 'herm': #c2a5cf,
+ 'none': $gray-500,
+ 'female': #f4a582,
+ 'male': #67a9cf,
+ 'male-herm': #2166ac,
+ 'transgender': #dfc27d,
+ 'cunt-boy': #5aae61
+ )
+);
- .gender-icon-#{$gender} {
- color: var(--gender-color);
- }
+$achromatic-genders: if(
+ $cvd-light-theme,
+ (
+ 'shemale': #252525,
+ 'herm': #4d4d4d,
+ 'none': #737373,
+ 'female': #737373,
+ 'male': #a6a6a6,
+ 'male-herm': #bdbdbd,
+ 'transgender': #d9d9d9,
+ 'cunt-boy': #f0f0f0
+ ),
+ (
+ 'shemale': #f0f0f0,
+ 'herm': #d9d9d9,
+ 'none': #bdbdbd,
+ 'female': #bdbdbd,
+ 'male': #a6a6a6,
+ 'male-herm': #737373,
+ 'transgender': #4d4d4d,
+ 'cunt-boy': #252525
+ )
+);
- .message-event .gender-#{$gender},
- .message-event .gender-icon-#{$gender} {
- --gender-color: #{color.scale($color, $lightness: 5%)};
+@mixin gender-colors($genders) {
+ @each $gender, $color in $genders {
+ .gender-#{$gender},
+ .gender-icon-#{$gender} {
+ --gender-color: #{$color};
+ }
+
+ .gender-icon-#{$gender} {
+ color: var(--gender-color);
+ }
+
+ .message-event .gender-#{$gender},
+ .message-event .gender-icon-#{$gender} {
+ --gender-color: #{color.scale($color, $lightness: 5%)};
+ }
}
}
+@include gender-colors($red-green-genders);
+
+&.colorblind-protanopia,
+&.colorblind-protanomaly,
+&.colorblind-deuteranopia,
+&.colorblind-deuteranomaly {
+ @include gender-colors($red-green-genders);
+}
+
+&.colorblind-tritanopia,
+&.colorblind-tritanomaly {
+ @include gender-colors($blue-yellow-genders);
+}
+
+&.colorblind-achromatopsia,
+&.colorblind-achromatomaly {
+ @include gender-colors($achromatic-genders);
+}
+
// Highlights normally derive from the theme's green $success, the hue R/G
// colour vision deficiency obscures; restyle with a blue tint and amber
// border so the cue does not rely on the red-green axis.
$cvd-highlight-tint: if($cvd-light-theme, #0072b2, #2e86d1);
$cvd-highlight-accent: if($cvd-light-theme, #9a6d00, #e69f00);
+$blue-yellow-highlight-tint: if($cvd-light-theme, #b2182b, #ef8a62);
+$blue-yellow-highlight-accent: if($cvd-light-theme, #1b7837, #5aae61);
+
+$achromatic-highlight-tint: if($cvd-light-theme, #4d4d4d, #bdbdbd);
+$achromatic-highlight-accent: if($cvd-light-theme, #252525, #f0f0f0);
+
.message-highlight {
background-color: rgba($cvd-highlight-tint, 0.25);
@@ -92,6 +163,42 @@ $cvd-highlight-accent: if($cvd-light-theme, #9a6d00, #e69f00);
background-color: rgba($cvd-highlight-tint, 0.25);
}
+&.colorblind-tritanopia .message-highlight,
+&.colorblind-tritanomaly .message-highlight {
+ background-color: rgba($blue-yellow-highlight-tint, 0.25);
+
+ .message-time {
+ background-color: rgba($blue-yellow-highlight-tint, 0.4);
+ }
+}
+
+&.colorblind-tritanopia
+ .layout-modern
+ .message.message-modern.message-highlight,
+&.colorblind-tritanomaly
+ .layout-modern
+ .message.message-modern.message-highlight {
+ border-left-color: $blue-yellow-highlight-accent;
+}
+
+&.colorblind-achromatopsia .message-highlight,
+&.colorblind-achromatomaly .message-highlight {
+ background-color: rgba($achromatic-highlight-tint, 0.25);
+
+ .message-time {
+ background-color: rgba($achromatic-highlight-tint, 0.4);
+ }
+}
+
+&.colorblind-achromatopsia
+ .layout-modern
+ .message.message-modern.message-highlight,
+&.colorblind-achromatomaly
+ .layout-modern
+ .message.message-modern.message-highlight {
+ border-left-color: $achromatic-highlight-accent;
+}
+
.last-read {
border-bottom-color: $cvd-highlight-tint !important;
}
diff --git a/scss/themes/variables/_classic_variables.scss b/scss/themes/variables/_classic_variables.scss
index 6bd2e982..b7ea6ee5 100644
--- a/scss/themes/variables/_classic_variables.scss
+++ b/scss/themes/variables/_classic_variables.scss
@@ -64,41 +64,6 @@ $text-background-color: $gray-200;
$text-background-color-disabled: $gray-100;
// F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
-$scoreTitleColor: white;
-$scoreMinimizeButtonFg: rgba(255, 255, 255, 0.7);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
-
-$scoreStandoutMatchBorderColor: #048a04;
-$scoreStandoutMatchBgColor: rgba(0, 110, 0, 0.47);
-$scoreStandoutWeakMatchBorderColor: #014a01;
-$scoreStandoutWeakMatchBgColor: rgba(0, 79, 0, 0.4);
-$scoreStandoutNeutralBorderColor: #555;
-$scoreStandoutWeakMismatchBorderColor: rgb(138, 123, 0);
-$scoreStandoutWeakMismatchBgColor: rgba(208, 188, 0, 0);
-$scoreStandoutMismatchBorderColor: #841a1a;
-
$characterImageWrapperBg: rgba(0, 0, 0, 0.2);
$characterGuestbookPostBg: rgba(0, 0, 0, 0.15);
$characterGuestbookPostBorderColor: rgba(255, 255, 255, 0.1);
diff --git a/scss/themes/variables/_dark_dimmed_variables.scss b/scss/themes/variables/_dark_dimmed_variables.scss
index 1946e5ca..3d76ef23 100644
--- a/scss/themes/variables/_dark_dimmed_variables.scss
+++ b/scss/themes/variables/_dark_dimmed_variables.scss
@@ -64,41 +64,6 @@ $text-background-color: $gray-200;
$text-background-color-disabled: $gray-100;
// F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
-$scoreTitleColor: white;
-$scoreMinimizeButtonFg: rgba(255, 255, 255, 0.7);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
-
-$scoreStandoutMatchBorderColor: #048a04;
-$scoreStandoutMatchBgColor: rgba(0, 110, 0, 0.47);
-$scoreStandoutWeakMatchBorderColor: #014a01;
-$scoreStandoutWeakMatchBgColor: rgba(0, 79, 0, 0.4);
-$scoreStandoutNeutralBorderColor: #555;
-$scoreStandoutWeakMismatchBorderColor: rgb(138, 123, 0);
-$scoreStandoutWeakMismatchBgColor: rgba(208, 188, 0, 0);
-$scoreStandoutMismatchBorderColor: #841a1a;
-
$characterImageWrapperBg: rgba(0, 0, 0, 0.2);
$characterGuestbookPostBg: rgba(0, 0, 0, 0.15);
$characterGuestbookPostBorderColor: rgba(255, 255, 255, 0.1);
diff --git a/scss/themes/variables/_dark_variables.scss b/scss/themes/variables/_dark_variables.scss
index 31115afc..ea026e31 100644
--- a/scss/themes/variables/_dark_variables.scss
+++ b/scss/themes/variables/_dark_variables.scss
@@ -65,41 +65,6 @@ $text-background-color: $gray-100;
$text-background-color-disabled: $gray-200;
// F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
-$scoreTitleColor: white;
-$scoreMinimizeButtonFg: rgba(255, 255, 255, 0.7);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
-
-$scoreStandoutMatchBorderColor: #048a04;
-$scoreStandoutMatchBgColor: rgba(0, 110, 0, 0.47);
-$scoreStandoutWeakMatchBorderColor: #014a01;
-$scoreStandoutWeakMatchBgColor: rgba(0, 79, 0, 0.4);
-$scoreStandoutNeutralBorderColor: #555;
-$scoreStandoutWeakMismatchBorderColor: rgb(138, 123, 0);
-$scoreStandoutWeakMismatchBgColor: rgba(208, 188, 0, 0);
-$scoreStandoutMismatchBorderColor: #841a1a;
-
$characterImageWrapperBg: rgba(0, 0, 0, 0.2);
$characterGuestbookPostBg: rgba(0, 0, 0, 0.15);
$characterGuestbookPostBorderColor: rgba(255, 255, 255, 0.1);
diff --git a/scss/themes/variables/_default_variables.scss b/scss/themes/variables/_default_variables.scss
index 7d1fd389..1957ce0e 100644
--- a/scss/themes/variables/_default_variables.scss
+++ b/scss/themes/variables/_default_variables.scss
@@ -63,42 +63,6 @@ $pagination-active-color: $link-color;
$text-background-color: $gray-200;
$text-background-color-disabled: $gray-100;
-// F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
-$scoreTitleColor: white;
-$scoreMinimizeButtonFg: rgba(255, 255, 255, 0.7);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
-
-$scoreStandoutMatchBorderColor: #048a04;
-$scoreStandoutMatchBgColor: rgba(0, 110, 0, 0.47);
-$scoreStandoutWeakMatchBorderColor: #014a01;
-$scoreStandoutWeakMatchBgColor: rgba(0, 79, 0, 0.4);
-$scoreStandoutNeutralBorderColor: #555;
-$scoreStandoutWeakMismatchBorderColor: rgb(138, 123, 0);
-$scoreStandoutWeakMismatchBgColor: rgba(208, 188, 0, 0);
-$scoreStandoutMismatchBorderColor: #841a1a;
-
$characterImageWrapperBg: rgba(0, 0, 0, 0.2);
$characterGuestbookPostBg: rgba(0, 0, 0, 0.15);
$characterGuestbookPostBorderColor: rgba(255, 255, 255, 0.1);
diff --git a/scss/themes/variables/_dracula_variables.scss b/scss/themes/variables/_dracula_variables.scss
index a64e2e59..f0836c03 100644
--- a/scss/themes/variables/_dracula_variables.scss
+++ b/scss/themes/variables/_dracula_variables.scss
@@ -84,31 +84,7 @@ $text-background-color: $gray-100;
$text-background-color-disabled: $gray-base;
// F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
-$scoreTitleColor: white;
$scoreMinimizeButtonFg: set-alpha($dracula-foreground, 0.7);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
$scoreStandoutMatchBorderColor: $dracula-green;
$scoreStandoutMatchBgColor: set-alpha(
diff --git a/scss/themes/variables/_light_variables.scss b/scss/themes/variables/_light_variables.scss
index 66612b59..027b85b5 100644
--- a/scss/themes/variables/_light_variables.scss
+++ b/scss/themes/variables/_light_variables.scss
@@ -42,8 +42,6 @@ $list-group-bg: $gray-base;
$dropdown-link-hover-bg: $gray-200;
// F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
$scoreMatchBg: rgba(0, 180, 0, 0.65);
$scoreMatchFg: rgba(0, 133, 0, 0.4);
$scoreWeakMatchBg: rgba(0, 180, 0, 0.22);
@@ -57,17 +55,6 @@ $scoreMinimizeButtonFg: rgba(255, 255, 255, 0.6);
$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.1);
$scoreReportBg: rgba(0, 0, 0, 0.08);
-$scoreFadedPerfectMatchBg: adjust-color($scorePerfectMatchBg, $alpha: -0.6);
-$scoreFadedPerfectMatchFg: adjust-color($scorePerfectMatchFg, $alpha: -0.6);
-$scoreFadedMatchBg: adjust-color($scoreMatchBg, $alpha: -0.6);
-$scoreFadedMatchFg: adjust-color($scoreMatchFg, $alpha: -0.6);
-$scoreFadedWeakMatchBg: adjust-color($scoreWeakMatchBg, $alpha: -0.6);
-$scoreFadedWeakMatchFg: adjust-color($scoreWeakMatchFg, $alpha: -0.6);
-$scoreFadedWeakMismatchBg: adjust-color($scoreWeakMismatchBg, $alpha: -0.6);
-$scoreFadedWeakMismatchFg: adjust-color($scoreWeakMismatchFg, $alpha: -0.6);
-$scoreFadedMismatchBg: adjust-color($scoreMismatchBg, $alpha: -0.6);
-$scoreFadedMismatchFg: adjust-color($scoreMismatchFg, $alpha: -0.6);
-
$scoreStandoutMatchBorderColor: #059e05;
$scoreStandoutMatchBgColor: rgba(53, 225, 53, 0.4);
$scoreStandoutWeakMatchBorderColor: #016c01;
diff --git a/scss/themes/variables/_mars_variables.scss b/scss/themes/variables/_mars_variables.scss
index 713ff344..0719925a 100644
--- a/scss/themes/variables/_mars_variables.scss
+++ b/scss/themes/variables/_mars_variables.scss
@@ -74,31 +74,8 @@ $text-background-color: $gray-200;
$text-background-color-disabled: $gray-100;
// F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
$scoreTitleColor: $black;
$scoreMinimizeButtonFg: rgba($black, 0.7);
-$scoreMinimizeButtonBg: rgba($white, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
$scoreStandoutMatchBorderColor: #048a04;
$scoreStandoutMatchBgColor: rgba(0, 110, 0, 0.47);
diff --git a/scss/themes/variables/_mocha_variables.scss b/scss/themes/variables/_mocha_variables.scss
index 3319a620..5650e2bb 100644
--- a/scss/themes/variables/_mocha_variables.scss
+++ b/scss/themes/variables/_mocha_variables.scss
@@ -79,31 +79,8 @@ $text-background-color: $gray-100;
$text-background-color-disabled: $gray-base;
// F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
$scoreTitleColor: white;
$scoreMinimizeButtonFg: set-alpha($mocha-foreground, 0.7);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
$scoreStandoutMatchBorderColor: $mocha-green;
$scoreStandoutMatchBgColor: set-alpha(
diff --git a/scss/themes/variables/_moon_prism_variables.scss b/scss/themes/variables/_moon_prism_variables.scss
index c8fc5ce7..8c4af3bc 100644
--- a/scss/themes/variables/_moon_prism_variables.scss
+++ b/scss/themes/variables/_moon_prism_variables.scss
@@ -62,31 +62,11 @@ $pagination-active-color: $link-color;
$text-background-color: $gray-200;
$text-background-color-disabled: $gray-100;
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
$scoreWeakMismatchFg: rgb(121, 107, 0);
$scoreMismatchBg: rgb(192, 0, 0);
$scoreMismatchFg: rgb(148, 0, 0);
$scoreTitleColor: rgb(255, 255, 255);
$scoreMinimizeButtonFg: rgba(255, 255, 255, 0.6);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
$scoreStandoutMatchBorderColor: #04a604;
$scoreStandoutMatchBgColor: rgba(0, 166, 0, 0.47);
diff --git a/scss/themes/variables/_no_exceptions_variables.scss b/scss/themes/variables/_no_exceptions_variables.scss
index 15f5a87a..3ef361e1 100644
--- a/scss/themes/variables/_no_exceptions_variables.scss
+++ b/scss/themes/variables/_no_exceptions_variables.scss
@@ -75,8 +75,6 @@ $modal-backdrop-bg: rgba(0, 0, 0, 0.5);
// & bad, very bad. v ery, very bad
// what would god say
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
$scoreMatchBg: rgba(0, 180, 0, 0.65);
$scoreMatchFg: rgba(0, 133, 0, 0.4);
$scoreWeakMatchBg: rgba(0, 180, 0, 0.22);
@@ -90,17 +88,6 @@ $scoreMinimizeButtonFg: rgba(255, 255, 255, 0.6);
$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.1);
$scoreReportBg: rgba(0, 0, 0, 0.08);
-$scoreFadedPerfectMatchBg: adjust-color($scorePerfectMatchBg, $alpha: -0.6);
-$scoreFadedPerfectMatchFg: adjust-color($scorePerfectMatchFg, $alpha: -0.6);
-$scoreFadedMatchBg: adjust-color($scoreMatchBg, $alpha: -0.6);
-$scoreFadedMatchFg: adjust-color($scoreMatchFg, $alpha: -0.6);
-$scoreFadedWeakMatchBg: adjust-color($scoreWeakMatchBg, $alpha: -0.6);
-$scoreFadedWeakMatchFg: adjust-color($scoreWeakMatchFg, $alpha: -0.6);
-$scoreFadedWeakMismatchBg: adjust-color($scoreWeakMismatchBg, $alpha: -0.6);
-$scoreFadedWeakMismatchFg: adjust-color($scoreWeakMismatchFg, $alpha: -0.6);
-$scoreFadedMismatchBg: adjust-color($scoreMismatchBg, $alpha: -0.6);
-$scoreFadedMismatchFg: adjust-color($scoreMismatchFg, $alpha: -0.6);
-
// so many magic numbers im so sorry
// TODO: REDO THIS PLEASE GOD
// ! i fucking FORGOT
diff --git a/scss/themes/variables/_peached_variables.scss b/scss/themes/variables/_peached_variables.scss
index c63499ce..fac260d3 100644
--- a/scss/themes/variables/_peached_variables.scss
+++ b/scss/themes/variables/_peached_variables.scss
@@ -45,8 +45,6 @@ $text-muted: $gray-500;
$link-color: $gray-800;
$link-hover-color: $black;
// F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
$scoreMatchBg: rgba(0, 180, 0, 0.65);
$scoreMatchFg: rgba(0, 133, 0, 0.4);
$scoreWeakMatchBg: rgba(0, 180, 0, 0.22);
@@ -60,17 +58,6 @@ $scoreMinimizeButtonFg: rgba(255, 255, 255, 0.6);
$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.1);
$scoreReportBg: rgba(0, 0, 0, 0.08);
-$scoreFadedPerfectMatchBg: adjust-color($scorePerfectMatchBg, $alpha: -0.6);
-$scoreFadedPerfectMatchFg: adjust-color($scorePerfectMatchFg, $alpha: -0.6);
-$scoreFadedMatchBg: adjust-color($scoreMatchBg, $alpha: -0.6);
-$scoreFadedMatchFg: adjust-color($scoreMatchFg, $alpha: -0.6);
-$scoreFadedWeakMatchBg: adjust-color($scoreWeakMatchBg, $alpha: -0.6);
-$scoreFadedWeakMatchFg: adjust-color($scoreWeakMatchFg, $alpha: -0.6);
-$scoreFadedWeakMismatchBg: adjust-color($scoreWeakMismatchBg, $alpha: -0.6);
-$scoreFadedWeakMismatchFg: adjust-color($scoreWeakMismatchFg, $alpha: -0.6);
-$scoreFadedMismatchBg: adjust-color($scoreMismatchBg, $alpha: -0.6);
-$scoreFadedMismatchFg: adjust-color($scoreMismatchFg, $alpha: -0.6);
-
$scoreStandoutMatchBorderColor: #059e05;
$scoreStandoutMatchBgColor: rgba(53, 225, 53, 0.4);
$scoreStandoutWeakMatchBorderColor: #016c01;
diff --git a/scss/themes/variables/_rose_variables.scss b/scss/themes/variables/_rose_variables.scss
index 15f571b0..58d8a396 100644
--- a/scss/themes/variables/_rose_variables.scss
+++ b/scss/themes/variables/_rose_variables.scss
@@ -76,18 +76,6 @@ $scoreMismatchFg: #a8153c;
$scoreTitleColor: $black;
$scoreMinimizeButtonFg: rgba($black, 0.7);
$scoreMinimizeButtonBg: rgba($white, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
$scoreStandoutMatchBorderColor: color.scale($rose-green, $lightness: -30%);
$scoreStandoutMatchBgColor: rgba($rose-green, 0.47);
diff --git a/scss/themes/variables/_site_dark_variables.scss b/scss/themes/variables/_site_dark_variables.scss
index f0aa69bd..e1e3aa2e 100644
--- a/scss/themes/variables/_site_dark_variables.scss
+++ b/scss/themes/variables/_site_dark_variables.scss
@@ -64,40 +64,7 @@ $text-background-color: $gray-200;
$text-background-color-disabled: $gray-100;
// F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
-$scoreTitleColor: white;
-$scoreMinimizeButtonFg: rgba(255, 255, 255, 0.7);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
-
-$scoreStandoutMatchBorderColor: #048a04;
-$scoreStandoutMatchBgColor: rgba(0, 110, 0, 0.47);
-$scoreStandoutWeakMatchBorderColor: #014a01;
-$scoreStandoutWeakMatchBgColor: rgba(0, 79, 0, 0.4);
-$scoreStandoutNeutralBorderColor: #555;
-$scoreStandoutWeakMismatchBorderColor: rgb(138, 123, 0);
-$scoreStandoutWeakMismatchBgColor: rgba(208, 188, 0, 0);
-$scoreStandoutMismatchBorderColor: #841a1a;
+$scoreMatchBg: rgb(33, 219, 33);
$characterImageWrapperBg: rgba(0, 0, 0, 0.2);
$characterGuestbookPostBg: rgba(0, 0, 0, 0.15);
diff --git a/scss/themes/variables/_snowed_variables.scss b/scss/themes/variables/_snowed_variables.scss
index 38b432ac..f2adf764 100644
--- a/scss/themes/variables/_snowed_variables.scss
+++ b/scss/themes/variables/_snowed_variables.scss
@@ -53,8 +53,6 @@ $dropdown-divider-bg: $gray-100;
$modal-header-border-color: $gray-200;
// F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
$scoreMatchBg: rgba(0, 180, 0, 0.65);
$scoreMatchFg: rgba(0, 133, 0, 0.4);
$scoreWeakMatchBg: rgba(0, 180, 0, 0.22);
@@ -68,17 +66,6 @@ $scoreMinimizeButtonFg: rgba(255, 255, 255, 0.6);
$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.1);
$scoreReportBg: rgba(0, 0, 0, 0.08);
-$scoreFadedPerfectMatchBg: adjust-color($scorePerfectMatchBg, $alpha: -0.6);
-$scoreFadedPerfectMatchFg: adjust-color($scorePerfectMatchFg, $alpha: -0.6);
-$scoreFadedMatchBg: adjust-color($scoreMatchBg, $alpha: -0.6);
-$scoreFadedMatchFg: adjust-color($scoreMatchFg, $alpha: -0.6);
-$scoreFadedWeakMatchBg: adjust-color($scoreWeakMatchBg, $alpha: -0.6);
-$scoreFadedWeakMatchFg: adjust-color($scoreWeakMatchFg, $alpha: -0.6);
-$scoreFadedWeakMismatchBg: adjust-color($scoreWeakMismatchBg, $alpha: -0.6);
-$scoreFadedWeakMismatchFg: adjust-color($scoreWeakMismatchFg, $alpha: -0.6);
-$scoreFadedMismatchBg: adjust-color($scoreMismatchBg, $alpha: -0.6);
-$scoreFadedMismatchFg: adjust-color($scoreMismatchFg, $alpha: -0.6);
-
$scoreStandoutMatchBorderColor: #059e05;
$scoreStandoutMatchBgColor: rgba(53, 225, 53, 0.4);
$scoreStandoutWeakMatchBorderColor: #016c01;
diff --git a/site/character_page/character_page.vue b/site/character_page/character_page.vue
index b6ff2cf9..ae9c6f20 100644
--- a/site/character_page/character_page.vue
+++ b/site/character_page/character_page.vue
@@ -815,6 +815,26 @@
padding: 5px;
}
+ .character-kinks-block .character-kink.stock-kink.comparison-favorite {
+ --characterKinkStockColor: var(--scoreMatchFg);
+ --characterKinkStockHighlightedColor: var(--scoreMatchFg);
+ }
+
+ .character-kinks-block .character-kink.stock-kink.comparison-yes {
+ --characterKinkStockColor: var(--scoreWeakMatchFg);
+ --characterKinkStockHighlightedColor: var(--scoreWeakMatchFg);
+ }
+
+ .character-kinks-block .character-kink.stock-kink.comparison-maybe {
+ --characterKinkStockColor: var(--scoreWeakMismatchFg);
+ --characterKinkStockHighlightedColor: var(--scoreWeakMismatchFg);
+ }
+
+ .character-kinks-block .character-kink.stock-kink.comparison-no {
+ --characterKinkStockColor: var(--scoreMismatchFg);
+ --characterKinkStockHighlightedColor: var(--scoreMismatchFg);
+ }
+
.stock-kink {
.kink-name,
i {
@@ -1097,6 +1117,7 @@
.character-kinks-block .character-kink.comparison-favorite,
.match-report .scores .match-score.match,
.infotag.match {
+ color: var(--scoreMatchFg);
background-color: var(--scoreMatchBg);
border: solid 1px var(--scoreMatchFg);
}
@@ -1104,6 +1125,7 @@
.character-kinks-block .character-kink.comparison-yes,
.match-report .scores .match-score.weak-match,
.infotag.weak-match {
+ color: var(--scoreWeakMatchFg);
background-color: var(--scoreWeakMatchBg);
border: 1px solid var(--scoreWeakMatchFg);
}
@@ -1111,6 +1133,7 @@
.character-kinks-block .character-kink.comparison-maybe,
.match-report .scores .match-score.weak-mismatch,
.infotag.weak-mismatch {
+ color: var(--scoreWeakMismatchFg);
background-color: var(--scoreWeakMismatchBg);
border: 1px solid var(--scoreWeakMismatchFg);
}
@@ -1118,6 +1141,7 @@
.character-kinks-block .character-kink.comparison-no,
.match-report .scores .match-score.mismatch,
.infotag.mismatch {
+ color: var(--scoreMismatchFg);
background-color: var(--scoreMismatchBg);
border: 1px solid var(--scoreMismatchFg);
}
From fcc6b7485463fc48c34d88e055689f8d2fe43486 Mon Sep 17 00:00:00 2001
From: FatCat
Date: Wed, 4 Nov 2026 19:08:47 +0100
Subject: [PATCH 166/184] Removes "help" description from colorblind settings
because it doesn't really help.
---
chat/SettingsView.vue | 7 -------
chat/locales/en-US.json | 9 ---------
2 files changed, 16 deletions(-)
diff --git a/chat/SettingsView.vue b/chat/SettingsView.vue
index 87a87af3..b0e861cd 100644
--- a/chat/SettingsView.vue
+++ b/chat/SettingsView.vue
@@ -995,13 +995,6 @@
-
- {{
- l(
- `settings.colorblindMode.help.${generalSettings.horizonColorblindMode}`
- )
- }}
-