@codecademy/codebytes 2.2.0-alpha.f563099c4.0 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,17 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Deprecated Gamut Monaco syntax hexes (formerly `editorColors` in gamut-styles).
|
|
3
|
-
* Keep `deprecatedEditorSyntaxColors` in sync with: libs/le-shared/libs/src/monaco/theme/colorsDark.ts and libs/ui/components/src/CodeBlocks/ColorizedBlock/theme.tsx
|
|
4
|
-
*/
|
|
5
|
-
export declare const deprecatedEditorSyntaxColors: {
|
|
6
|
-
readonly blue: "#83fff5";
|
|
7
|
-
readonly deepPurple: "#cc7bc2";
|
|
8
|
-
readonly gray: "#939598";
|
|
9
|
-
readonly green: "#b4d353";
|
|
10
|
-
readonly orange: "#ff8973";
|
|
11
|
-
readonly purple: "#b3ccff";
|
|
12
|
-
readonly red: "#ea6c8b";
|
|
13
|
-
readonly yellow: "#ffe083";
|
|
14
|
-
};
|
|
15
1
|
export declare const syntax: {
|
|
16
2
|
attribute: "#b4d353";
|
|
17
3
|
annotation: "#ea6c8b";
|
|
@@ -3,32 +3,17 @@
|
|
|
3
3
|
// We are working on a monaco package in client-modules that has more configuration around themes and languages
|
|
4
4
|
// Monaco as a shared package RFC https://www.notion.so/codecademy/Monaco-editor-as-a-shared-package-1f4484db165b4abc8394c3556451ef6a
|
|
5
5
|
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Deprecated Gamut Monaco syntax hexes (formerly `editorColors` in gamut-styles).
|
|
10
|
-
* Keep `deprecatedEditorSyntaxColors` in sync with: libs/le-shared/libs/src/monaco/theme/colorsDark.ts and libs/ui/components/src/CodeBlocks/ColorizedBlock/theme.tsx
|
|
11
|
-
*/
|
|
12
|
-
export const deprecatedEditorSyntaxColors = {
|
|
13
|
-
blue: '#83fff5',
|
|
14
|
-
deepPurple: '#cc7bc2',
|
|
15
|
-
gray: '#939598',
|
|
16
|
-
green: '#b4d353',
|
|
17
|
-
orange: '#ff8973',
|
|
18
|
-
purple: '#b3ccff',
|
|
19
|
-
red: '#ea6c8b',
|
|
20
|
-
yellow: '#ffe083'
|
|
21
|
-
};
|
|
6
|
+
import { colors, editorColors } from '@codecademy/gamut-styles';
|
|
22
7
|
const darkTheme = {
|
|
23
|
-
blue:
|
|
24
|
-
deepPurple:
|
|
25
|
-
gray:
|
|
26
|
-
green:
|
|
27
|
-
orange:
|
|
28
|
-
purple:
|
|
29
|
-
red:
|
|
30
|
-
white:
|
|
31
|
-
yellow:
|
|
8
|
+
blue: editorColors.blue,
|
|
9
|
+
deepPurple: editorColors.deepPurple,
|
|
10
|
+
gray: editorColors.gray,
|
|
11
|
+
green: editorColors.green,
|
|
12
|
+
orange: editorColors.orange,
|
|
13
|
+
purple: editorColors.purple,
|
|
14
|
+
red: editorColors.red,
|
|
15
|
+
white: colors.white,
|
|
16
|
+
yellow: editorColors.yellow
|
|
32
17
|
};
|
|
33
18
|
export const syntax = {
|
|
34
19
|
attribute: darkTheme.green,
|