Skip to content

Commit afaa36c

Browse files
Sweetabix1Sweetabixacao
authored
fix: updating #999 font colors to #666 (#1883)
* fix: updating #999 font colors to #666 Co-authored-by: Dan Sweeney <dsweeney@poppulo.com> Co-authored-by: Rikki Schulte <rikki.schulte@gmail.com>
1 parent 0240c57 commit afaa36c

File tree

5 files changed

+13
-7
lines changed

5 files changed

+13
-7
lines changed

.changeset/light-olives-rush.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
'graphiql-2-rfc-context': patch
3+
'graphiql': patch
4+
---
5+
6+
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.

packages/graphiql-2-rfc-context/src/components/common/themes/default/index.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import { Colors, Space, GraphiQLTheme } from '../types';
1111

1212
const palette = {
1313
neutral: {
14-
20: '#999999',
14+
20: '#666666',
1515
70: '#333333',
1616
90: `rgba(0, 0, 0, 0.1)`,
1717
100: '#fff',

packages/graphiql/src/css/app.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -525,7 +525,7 @@ div.CodeMirror-lint-tooltip > * + * {
525525

526526
/* Comment */
527527
.cm-comment {
528-
color: #999;
528+
color: #666;
529529
}
530530

531531
/* Punctuation */

packages/graphiql/src/css/codemirror.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -29,15 +29,15 @@
2929
}
3030
.CodeMirror-linenumbers {}
3131
.CodeMirror-linenumber {
32-
color: #999;
32+
color: #666;
3333
min-width: 20px;
3434
padding: 0 3px 0 5px;
3535
text-align: right;
3636
white-space: nowrap;
3737
}
3838

3939
.CodeMirror-guttermarker { color: black; }
40-
.CodeMirror-guttermarker-subtle { color: #999; }
40+
.CodeMirror-guttermarker-subtle { color: #666; }
4141

4242
/* CURSOR */
4343

@@ -96,12 +96,12 @@ div.CodeMirror-overwrite div.CodeMirror-cursor {}
9696
.cm-s-default .cm-meta {color: #555;}
9797
.cm-s-default .cm-qualifier {color: #555;}
9898
.cm-s-default .cm-builtin {color: #30a;}
99-
.cm-s-default .cm-bracket {color: #997;}
99+
.cm-s-default .cm-bracket {color: #666;}
100100
.cm-s-default .cm-tag {color: #170;}
101101
.cm-s-default .cm-attribute {color: #00c;}
102102
.cm-s-default .cm-header {color: blue;}
103103
.cm-s-default .cm-quote {color: #090;}
104-
.cm-s-default .cm-hr {color: #999;}
104+
.cm-s-default .cm-hr {color: #666;}
105105
.cm-s-default .cm-link {color: #00c;}
106106

107107
.cm-negative {color: #d44;}

packages/graphiql/src/css/doc-explorer.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -159,7 +159,7 @@
159159
}
160160

161161
.graphiql-container .field-short-description {
162-
color: #999;
162+
color: #666;
163163
margin-left: 5px;
164164
overflow: hidden;
165165
text-overflow: ellipsis;

0 commit comments

Comments
 (0)