public inbox for [email protected]
help / color / mirror / Atom feed[pgAdmin][RM5128] [Accessibility] Revisit color contrast to meet the standards
2+ messages / 2 participants
[nested] [flat]
* [pgAdmin][RM5128] [Accessibility] Revisit color contrast to meet the standards
@ 2020-03-23 12:16 Aditya Toshniwal <[email protected]>
0 siblings, 1 reply; 2+ messages in thread
From: Aditya Toshniwal @ 2020-03-23 12:16 UTC (permalink / raw)
To: pgadmin-hackers
Hi Hackers,
Attached is a small patch to change certain colors and opacity in pgAdmin
in order to comply with WCAG color contrast standards.
Please review.
--
Thanks and Regards,
Aditya Toshniwal
pgAdmin Hacker | Sr. Software Engineer | EnterpriseDB India | Pune
"Don't Complain about Heat, Plant a TREE"
Attachments:
[application/octet-stream] RM5128.patch (2.6K, 3-RM5128.patch)
download | inline diff:
diff --git a/web/pgadmin/static/scss/resources/_default.variables.scss b/web/pgadmin/static/scss/resources/_default.variables.scss
index 9fe30cb9e..3cbac83db 100644
--- a/web/pgadmin/static/scss/resources/_default.variables.scss
+++ b/web/pgadmin/static/scss/resources/_default.variables.scss
@@ -23,7 +23,7 @@ $color-danger-fg: $white !default;
$color-danger-light: #F39999 !default;
$color-danger-lighter: #FAECEC !default;
-$color-success: #43a047 !default;
+$color-success: #26852B !default;
$color-success-fg: $black !default;
$color-success-light: #D9ECDA !default;
@@ -60,7 +60,7 @@ $text-height-calc: $line-height-base*$font-size-base/1rem;
$grid-gutter-width: 15px;
$border-radius: 0.25rem;
-$text-muted: $color-gray-dark !default;
+$text-muted: #667185 !default;
$header-bg: $color-bg !default;
$tree-font-size: 0.815rem;
@@ -101,7 +101,7 @@ $popover-border-color: $dropdown-border-color;
$popover-box-shadow: $dropdown-box-shadow;
$input-btn-focus-width: 0.1rem;
-$btn-disabled-opacity: 0.5;
+$btn-disabled-opacity: 0.65;
$btn-transition: color .05s ease-in-out, background-color .05s ease-in-out, border-color .05s ease-in-out, box-shadow .05s ease-in-out;
$card-spacer-y: 0rem;
@@ -218,7 +218,7 @@ $sql-title-bg: $color-ternary;
$sql-title-fg: $color-ternary-fg;
// Toolbar + editor title heights + title bottom border
$sql-editor-panel-top: $title-height + $text-height-calc*16px + $sql-title-padding*2 + $panel-border-width - 0.5px;
-$sql-gutters-bg: $negative-bg;
+$sql-gutters-bg: $datagrid-bg;
$sql-history-detail-bg: $color-gray-lighter;
$sql-history-success-bg: $color-primary-light;
$sql-history-success-fg: $active-color;
diff --git a/web/pgadmin/static/scss/resources/dark/_theme.variables.scss b/web/pgadmin/static/scss/resources/dark/_theme.variables.scss
index 872fe6f62..21d5b4a14 100644
--- a/web/pgadmin/static/scss/resources/dark/_theme.variables.scss
+++ b/web/pgadmin/static/scss/resources/dark/_theme.variables.scss
@@ -6,7 +6,7 @@ $color-fg: #d4d4d4;
$color-primary: #234d6e;
$color-primary-fg: $color-fg;
-$color-primary-light: #536270;
+$color-primary-light: #323E43;
$color-primary-light-fg: $color-primary-fg;
$color-primary-dark: #15354f;
@@ -17,7 +17,7 @@ $color-danger-fg: $white;
$color-danger-light: #914649;
$color-danger-lighter: #212121;
-$color-success: #43a047;
+$color-success: #26852B;
$color-success-fg: $black;
$color-success-light: #2B472C;
@@ -35,7 +35,7 @@ $color-brand: #1b71b5;
$border-color: #4a4a4a;
$shadow-base-color: #111111;
-$text-muted: #6b6b6b;
+$text-muted: #8A8A8A;
$input-bg: $color-bg;
$input-color: $color-fg;
$input-border-color: #6b6b6b;
^ permalink raw reply [nested|flat] 2+ messages in thread
* Re: [pgAdmin][RM5128] [Accessibility] Revisit color contrast to meet the standards
@ 2020-03-23 12:47 Akshay Joshi <[email protected]>
parent: Aditya Toshniwal <[email protected]>
0 siblings, 0 replies; 2+ messages in thread
From: Akshay Joshi @ 2020-03-23 12:47 UTC (permalink / raw)
To: Aditya Toshniwal <[email protected]>; +Cc: pgadmin-hackers
Thanks, patch applied.
On Mon, Mar 23, 2020 at 5:46 PM Aditya Toshniwal <
[email protected]> wrote:
> Hi Hackers,
>
> Attached is a small patch to change certain colors and opacity in pgAdmin
> in order to comply with WCAG color contrast standards.
>
> Please review.
>
> --
> Thanks and Regards,
> Aditya Toshniwal
> pgAdmin Hacker | Sr. Software Engineer | EnterpriseDB India | Pune
> "Don't Complain about Heat, Plant a TREE"
>
--
*Thanks & Regards*
*Akshay Joshi*
*Sr. Software Architect*
*EnterpriseDB Software India Private Limited*
*Mobile: +91 976-788-8246*
^ permalink raw reply [nested|flat] 2+ messages in thread
end of thread, other threads:[~2020-03-23 12:47 UTC | newest]
Thread overview: 2+ messages (download: mbox mbox.gz follow: Atom feed)
-- links below jump to the message on this page --
2020-03-23 12:16 [pgAdmin][RM5128] [Accessibility] Revisit color contrast to meet the standards Aditya Toshniwal <[email protected]>
2020-03-23 12:47 ` Akshay Joshi <[email protected]>
This inbox is served by agora; see mirroring instructions
for how to clone and mirror all data and code used for this inbox