Fix shell styling

jarrodmillman · jarrodmillman · commit 9308c8e2ea5d · 2023-11-29T17:09:14.000-08:00
diff --git a/assets/css/shell.css b/assets/css/shell.css
@@ -1,10 +1,8 @@
 .hero-right {
     display: flex;
     flex-direction: column;
-    /* Black, with 10% opacity */
-    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
-    background: rgb(238, 238, 238);
     padding: 15px;
+    background: var(--pst-color-surface);
 }
 
 .numpy-shell-canvas {
@@ -24,7 +22,7 @@
 
 .numpy-shell {
     flex: 2;
-    padding: 0 15px;
+    border: 1px solid var(--pst-color-border);
 }
 
 .shell-title-container {
@@ -48,9 +46,14 @@
 }
 
 .shell-lesson .highlight pre {
+    background-color: var(--pst-gray-800);
     height: 100%;
 }
 
+.shell-lesson .highlight pre code{
+    color: #f3c7ee;
+}
+
 .shell-lesson > p {
     margin: 2px 0 2px 0;
 }

Original file line number	Diff line number	Diff line change
`@@ -1,10 +1,8 @@`
`1`	`1`	`.hero-right {`
`2`	`2`	`display: flex;`
`3`	`3`	`flex-direction: column;`
`4`		`- /* Black, with 10% opacity */`
`5`		`- box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);`
`6`		`- background: rgb(238, 238, 238);`
`7`	`4`	`padding: 15px;`
	`5`	`+ background: var(--pst-color-surface);`
`8`	`6`	`}`
`9`	`7`
`10`	`8`	`.numpy-shell-canvas {`
`@@ -24,7 +22,7 @@`
`24`	`22`
`25`	`23`	`.numpy-shell {`
`26`	`24`	`flex: 2;`
`27`		`- padding: 0 15px;`
	`25`	`+ border: 1px solid var(--pst-color-border);`
`28`	`26`	`}`
`29`	`27`
`30`	`28`	`.shell-title-container {`
`@@ -48,9 +46,14 @@`
`48`	`46`	`}`
`49`	`47`
`50`	`48`	`.shell-lesson .highlight pre {`
	`49`	`+ background-color: var(--pst-gray-800);`
`51`	`50`	`height: 100%;`
`52`	`51`	`}`
`53`	`52`
	`53`	`+.shell-lesson .highlight pre code{`
	`54`	`+ color: #f3c7ee;`
	`55`	`+}`
	`56`	`+`
`54`	`57`	`.shell-lesson > p {`
`55`	`58`	`margin: 2px 0 2px 0;`
`56`	`59`	`}`