enh(theming): Success contrast

Signed-off-by: Christopher Ng <chrng8@gmail.com>
This commit is contained in:
Christopher Ng 2023-06-05 17:28:19 -07:00
parent fe098ff6fb
commit 187ff83584
3 changed files with 14 additions and 6 deletions

View file

@ -25,9 +25,10 @@
--color-warning-rgb: 194,137,0;
--color-warning-hover: #cea032;
--color-warning-text: #996c00;
--color-success: #46ba61;
--color-success-rgb: 70,186,97;
--color-success-hover: #6ac780;
--color-success: #3fa857;
--color-success-rgb: 63,168,87;
--color-success-hover: #65b978;
--color-success-text: #318344;
--color-info: #006aa3;
--color-info-rgb: 0,106,163;
--color-info-hover: #3287b5;

View file

@ -61,6 +61,7 @@ class DarkTheme extends DefaultTheme implements ITheme {
$colorError = '#e9322d';
$colorWarning = '#c28900';
$colorSuccess = '#3fa857';
return array_merge(
$defaultVariables,
@ -93,6 +94,10 @@ class DarkTheme extends DefaultTheme implements ITheme {
'--color-warning-rgb' => join(',', $this->util->hexToRGB($colorWarning)),
'--color-warning-hover' => $this->util->mix($colorWarning, $colorMainBackground, 60),
'--color-warning-text' => $colorWarning,
'--color-success' => $colorSuccess,
'--color-success-rgb' => join(',', $this->util->hexToRGB($colorSuccess)),
'--color-success-hover' => $this->util->mix($colorSuccess, $colorMainBackground, 60),
'--color-success-text' => $colorSuccess,
// used for the icon loading animation
'--color-loading-light' => '#777',

View file

@ -111,6 +111,7 @@ class DefaultTheme implements ITheme {
$colorError = '#e9322d';
$colorWarning = '#c28900';
$colorSuccess = '#3fa857';
$variables = [
'--color-main-background' => $colorMainBackground,
@ -149,9 +150,10 @@ class DefaultTheme implements ITheme {
'--color-warning-rgb' => join(',', $this->util->hexToRGB($colorWarning)),
'--color-warning-hover' => $this->util->mix($colorWarning, $colorMainBackground, 60),
'--color-warning-text' => $this->util->darken($colorWarning, 8),
'--color-success' => '#46ba61',
'--color-success-rgb' => join(',', $this->util->hexToRGB('#46ba61')),
'--color-success-hover' => $this->util->mix('#46ba61', $colorMainBackground, 60),
'--color-success' => $colorSuccess,
'--color-success-rgb' => join(',', $this->util->hexToRGB($colorSuccess)),
'--color-success-hover' => $this->util->mix($colorSuccess, $colorMainBackground, 60),
'--color-success-text' => $this->util->darken($colorSuccess, 10),
'--color-info' => '#006aa3',
'--color-info-rgb' => join(',', $this->util->hexToRGB('#006aa3')),
'--color-info-hover' => $this->util->mix('#006aa3', $colorMainBackground, 60),