compiler/apps/playground/colors.js JAVASCRIPT 97 lines View on github.com → Search inside
1/**2 * Copyright (c) Meta Platforms, Inc. and affiliates.3 *4 * This source code is licensed under the MIT license found in the5 * LICENSE file in the root directory of this source tree.6 */78/**9 * Sync from <https://github.com/reactjs/reactjs.org/blob/main/beta/colors.js>.10 */1112module.exports = {13  // Text colors14  primary: '#23272F', // gray-9015  'primary-dark': '#F6F7F9', // gray-516  secondary: '#404756', // gray-7017  'secondary-dark': '#EBECF0', // gray-1018  link: '#087EA4', // blue-5019  'link-dark': '#149ECA', // blue-4020  syntax: '#EBECF0', // gray-1021  wash: '#FFFFFF',22  'wash-dark': '#23272F', // gray-9023  card: '#F6F7F9', // gray-0524  'card-dark': '#343A46', // gray-8025  highlight: '#E6F7FF', // blue-1026  'highlight-dark': 'rgba(88,175,223,.1)',27  border: '#EBECF0', // gray-1028  'border-dark': '#343A46', // gray-8029  'secondary-button': '#EBECF0', // gray-1030  'secondary-button-dark': '#404756', // gray-703132  // Gray33  'gray-95': '#16181D',34  'gray-90': '#23272F',35  'gray-80': '#343A46',36  'gray-70': '#404756',37  'gray-60': '#4E5769',38  'gray-50': '#5E687E', // unused39  'gray-40': '#78839B',40  'gray-30': '#99A1B3',41  'gray-20': '#BCC1CD',42  'gray-10': '#EBECF0',43  'gray-5': '#F6F7F9',4445  // Blue46  'blue-60': '#045975',47  'blue-50': '#087EA4',48  'blue-40': '#149ECA', // Brand Blue49  'blue-30': '#58C4DC', // unused50  'blue-20': '#ABE2ED',51  'blue-10': '#E6F7FF', // todo: doesn't match illustrations52  'blue-5': '#E6F6FA',5354  // Yellow55  'yellow-60': '#B65700',56  'yellow-50': '#C76A15',57  'yellow-40': '#DB7D27', // unused58  'yellow-30': '#FABD62', // unused59  'yellow-20': '#FCDEB0', // unused60  'yellow-10': '#FDE7C7',61  'yellow-5': '#FEF5E7',6263  // Purple64  'purple-60': '#2B3491', // unused65  'purple-50': '#575FB7',66  'purple-40': '#6B75DB',67  'purple-30': '#8891EC',68  'purple-20': '#C3C8F5', // unused69  'purple-10': '#E7E9FB',70  'purple-5': '#F3F4FD',7172  // Green73  'green-60': '#2B6E62',74  'green-50': '#388F7F',75  'green-40': '#44AC99',76  'green-30': '#7FCCBF',77  'green-20': '#ABDED5',78  'green-10': '#E5F5F2',79  'green-5': '#F4FBF9',8081  // RED82  'red-60': '#712D28',83  'red-50': '#A6423A', // unused84  'red-40': '#C1554D',85  'red-30': '#D07D77',86  'red-20': '#E5B7B3', // unused87  'red-10': '#F2DBD9', // unused88  'red-5': '#FAF1F0',8990  // MISC91  'code-block': '#99a1b30f', // gray-30 @ 6%92  'gradient-blue': '#58C4DC', // Only used for the landing gradient for now.93  github: {94    highlight: '#fffbdd',95  },96};

Findings

✓ No findings reported for this file.

Get this view in your editor

Same data, no extra tab — call code_get_file + code_get_findings over MCP from Claude/Cursor/Copilot.