#11 - Tiny changes to GUI

Playing around with colour, css schemes, spent time drawing on paint and looking at possible final designs
YarnSpinnerTool · Apr 30, 2021 · 79de3c7 · 79de3c7
1 parent e6d7c5e
commit 79de3c7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/views/css/styles.css b/src/views/css/styles.css
@@ -76,6 +76,8 @@ button {
 
     color: var(--primary_text);
     background-color: var(--clr8);
+    box-shadow: 0px 5px rgba(135,135,135,0.60);
+
 
     display: grid;
 

diff --git a/src/views/ts/renderer.ts b/src/views/ts/renderer.ts
@@ -38,10 +38,10 @@ if(document!) {
 	monaco.editor.defineTheme('yarnSpinnerTheme', {
 		base: 'vs',
 		inherit: true,
-		rules: [{ background: 'EDF9FA' }],
+		rules: [{ background: 'CFD8DC' }],
 		colors: {
 			'editor.foreground': '#000000',
-			'editor.background': '#EDF9FA',
+			'editor.background': '#CFD8DC',
 			'editorCursor.foreground': '#8B0000',
 			'editor.lineHighlightBackground': '#0000FF20',
 			'editorLineNumber.foreground': '#008800',