Fix coloring of code blocks in light mode

This commit is contained in:
mDuo13
2023-07-27 15:15:06 -07:00
parent a5e342f0a6
commit e1a6f11f21
7 changed files with 25 additions and 18 deletions

View File

@@ -1,7 +1,16 @@
/* Content text styling (applies mostly to Markdown-generated content)------- */
// TODO: convert this to nested SCSS format
.content {
padding-bottom: 50px;
p code,
table code,
ul code,
ol code {
background-color: $green-1000;
color: $green-400;
}
}
.content a,

View File

@@ -1,8 +1,3 @@
code {
background-color: $green-1000;
color: $green-400;
}
.sdk-img {
align-self: center;
}

View File

@@ -8,9 +8,14 @@ $light-link-hover-color: $blue-purple-500;
$light-standout-bg: $gray-050;
// General color elements ------------------------------------------------------
code {
.content {
p code,
table code,
ul code,
ol code {
background-color: $gray-200;
color: $gray-900;
}
}
body {

View File

@@ -4,9 +4,9 @@
"node-sass": "^7.0.0"
},
"scripts": {
"build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal2022-v20.css --output-style compressed",
"build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2022-v20.css --output-style compressed --source-map true",
"build-css-watch-out": "node-sass --recursive --watch --include-path scss xrpl.scss ../out/assets/css/devportal2022-v20.css --output-style compressed --source-map true"
"build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal2022-v21.css --output-style compressed",
"build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2022-v21.css --output-style compressed --source-map true",
"build-css-watch-out": "node-sass --recursive --watch --include-path scss xrpl.scss ../out/assets/css/devportal2022-v21.css --output-style compressed --source-map true"
},
"dependencies": {
"sass": "^1.26.10"