From 69e952f830f30fbfa5fcaafcad2f095d86d6407f Mon Sep 17 00:00:00 2001 From: Dan Sweeney Date: Fri, 4 Jun 2021 16:12:52 +0100 Subject: [PATCH 1/3] fix: updating #999 font colors to #666 --- .../src/components/common/themes/default/index.ts | 2 +- packages/graphiql/src/css/app.css | 2 +- packages/graphiql/src/css/codemirror.css | 8 ++++---- packages/graphiql/src/css/doc-explorer.css | 2 +- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/graphiql-2-rfc-context/src/components/common/themes/default/index.ts b/packages/graphiql-2-rfc-context/src/components/common/themes/default/index.ts index d3dba753aad..4fe52fe2a07 100644 --- a/packages/graphiql-2-rfc-context/src/components/common/themes/default/index.ts +++ b/packages/graphiql-2-rfc-context/src/components/common/themes/default/index.ts @@ -11,7 +11,7 @@ import { Colors, Space, GraphiQLTheme } from '../types'; const palette = { neutral: { - 20: '#999999', + 20: '#666666', 70: '#333333', 90: `rgba(0, 0, 0, 0.1)`, 100: '#fff', diff --git a/packages/graphiql/src/css/app.css b/packages/graphiql/src/css/app.css index 12667eafa1b..9666391aebc 100644 --- a/packages/graphiql/src/css/app.css +++ b/packages/graphiql/src/css/app.css @@ -525,7 +525,7 @@ div.CodeMirror-lint-tooltip > * + * { /* Comment */ .cm-comment { - color: #999; + color: #666; } /* Punctuation */ diff --git a/packages/graphiql/src/css/codemirror.css b/packages/graphiql/src/css/codemirror.css index 83127a81a25..aabd34c3978 100644 --- a/packages/graphiql/src/css/codemirror.css +++ b/packages/graphiql/src/css/codemirror.css @@ -29,7 +29,7 @@ } .CodeMirror-linenumbers {} .CodeMirror-linenumber { - color: #999; + color: #666; min-width: 20px; padding: 0 3px 0 5px; text-align: right; @@ -37,7 +37,7 @@ } .CodeMirror-guttermarker { color: black; } -.CodeMirror-guttermarker-subtle { color: #999; } +.CodeMirror-guttermarker-subtle { color: #666; } /* CURSOR */ @@ -96,12 +96,12 @@ div.CodeMirror-overwrite div.CodeMirror-cursor {} .cm-s-default .cm-meta {color: #555;} .cm-s-default .cm-qualifier {color: #555;} .cm-s-default .cm-builtin {color: #30a;} -.cm-s-default .cm-bracket {color: #997;} +.cm-s-default .cm-bracket {color: #666;} .cm-s-default .cm-tag {color: #170;} .cm-s-default .cm-attribute {color: #00c;} .cm-s-default .cm-header {color: blue;} .cm-s-default .cm-quote {color: #090;} -.cm-s-default .cm-hr {color: #999;} +.cm-s-default .cm-hr {color: #666;} .cm-s-default .cm-link {color: #00c;} .cm-negative {color: #d44;} diff --git a/packages/graphiql/src/css/doc-explorer.css b/packages/graphiql/src/css/doc-explorer.css index 7e32b4f8b52..d829c3dfd33 100644 --- a/packages/graphiql/src/css/doc-explorer.css +++ b/packages/graphiql/src/css/doc-explorer.css @@ -159,7 +159,7 @@ } .graphiql-container .field-short-description { - color: #999; + color: #666; margin-left: 5px; overflow: hidden; text-overflow: ellipsis; From cd54b036548f455211e2adbdecf0ebfc17de8fe5 Mon Sep 17 00:00:00 2001 From: Rikki Schulte Date: Fri, 3 Sep 2021 11:58:04 +0200 Subject: [PATCH 2/3] add changeset --- .changeset/light-olives-rush.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 .changeset/light-olives-rush.md diff --git a/.changeset/light-olives-rush.md b/.changeset/light-olives-rush.md new file mode 100644 index 00000000000..5e3c841a0af --- /dev/null +++ b/.changeset/light-olives-rush.md @@ -0,0 +1,6 @@ +--- +"graphiql-2-rfc-context": patch +"graphiql": patch +--- + +Updating font colors for line numbers, comments & brackets from #999 to #666 for accessibility purposes. #666 passes AA accessibility standards for small text, with a contrast ratio of over 5:1. From a81ed758ea4dfd7ed137d4fb8ec88423022d11b5 Mon Sep 17 00:00:00 2001 From: Rikki Date: Fri, 29 Oct 2021 13:13:55 +0200 Subject: [PATCH 3/3] fix: formatting fix for prettier --- .changeset/light-olives-rush.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.changeset/light-olives-rush.md b/.changeset/light-olives-rush.md index 5e3c841a0af..65a1f838a8d 100644 --- a/.changeset/light-olives-rush.md +++ b/.changeset/light-olives-rush.md @@ -1,6 +1,6 @@ --- -"graphiql-2-rfc-context": patch -"graphiql": patch +'graphiql-2-rfc-context': patch +'graphiql': patch --- Updating font colors for line numbers, comments & brackets from #999 to #666 for accessibility purposes. #666 passes AA accessibility standards for small text, with a contrast ratio of over 5:1.