diff --git a/public/themes/default.css b/public/themes/default.css index 88e9288f5..d81350f8a 100644 --- a/public/themes/default.css +++ b/public/themes/default.css @@ -60,6 +60,7 @@ --app-panel-bg-color-dev: rgb(21, 23, 48); --app-icon-color: rgb(139, 145, 138); --app-icon-hover-color: #fff; + --app-selected-mask-color: rgba(255, 255, 255, 0.06); /* icon colors */ diff --git a/public/themes/light.css b/public/themes/light.css index ddc3cfb36..78f72a45d 100644 --- a/public/themes/light.css +++ b/public/themes/light.css @@ -17,6 +17,7 @@ --app-panel-bg-color-dev: #e0e0e0; --app-icon-color: rgb(80, 80, 80); --app-icon-hover-color: rgb(100, 100, 100); + --app-selected-mask-color: rgba(0, 0, 0, 0.06); --input-bg-color: #eeeeee; @@ -50,6 +51,8 @@ --form-element-disabled-text-color: #b7b7b7; --form-element-placeholder-color: #b7b7b7; + --markdown-bg-color: rgb(0, 0, 0, 0.1); + /* modal colors */ --modal-header-bottom-border-color: rgba(0, 0, 0, 0.3); diff --git a/src/app/common/elements/markdown.less b/src/app/common/elements/markdown.less index e24d84b16..36b4cb5cc 100644 --- a/src/app/common/elements/markdown.less +++ b/src/app/common/elements/markdown.less @@ -8,19 +8,6 @@ margin-bottom: 10px; } - code { - background-color: var(--markdown-bg-color); - color: var(--app-text-color); - font-family: var(--termfontfamily); - border-radius: 4px; - } - - code.inline { - padding-top: 0; - padding-bottom: 0; - font-family: var(--termfontfamily); - } - .title { color: var(--app-text-color); margin-top: 16px; @@ -62,14 +49,29 @@ pre { background-color: var(--markdown-bg-color); margin: 4px 10px 4px 10px; - padding: 6px 6px 6px 10px; + padding: 0.7em; border-radius: 4px; + + code { + background-color: transparent; + padding: 0; + line-height: normal; + } } pre.selected { outline: 2px solid var(--markdown-outline-color); } + code { + color: var(--app-text-color); + font-family: var(--termfontfamily); + border-radius: 4px; + background-color: var(--markdown-bg-color); + padding: 0.15em 0.5em; + line-height: 1.5; + } + .title { font-weight: semibold; padding-top: 6px; diff --git a/src/app/common/elements/markdown.tsx b/src/app/common/elements/markdown.tsx index 86c558973..5762b05d1 100644 --- a/src/app/common/elements/markdown.tsx +++ b/src/app/common/elements/markdown.tsx @@ -24,7 +24,7 @@ function HeaderRenderer(props: any, hnum: number): any { } function CodeRenderer(props: any): any { - return {props.children}; + return {props.children}; } @mobxReact.observer diff --git a/src/app/common/modals/disconnected.tsx b/src/app/common/modals/disconnected.tsx index 623729e8b..f2fd10277 100644 --- a/src/app/common/modals/disconnected.tsx +++ b/src/app/common/modals/disconnected.tsx @@ -90,7 +90,7 @@ class DisconnectedModal extends React.Component<{}, {}> { onClick={this.restartServer} leftIcon={} > - Restart Server + Restart Wave Backend diff --git a/src/app/common/modals/tabswitcher.less b/src/app/common/modals/tabswitcher.less index 777767d6f..6fbdcb14a 100644 --- a/src/app/common/modals/tabswitcher.less +++ b/src/app/common/modals/tabswitcher.less @@ -74,7 +74,7 @@ .focused-option { border: 1px solid rgba(241, 246, 243, 0.15); border-radius: 4px; - background: rgba(255, 255, 255, 0.06); + background: var(--app-selected-mask-color); } } } diff --git a/src/app/workspace/cmdinput/cmdinput.tsx b/src/app/workspace/cmdinput/cmdinput.tsx index 6cac9b5a9..067dec7c3 100644 --- a/src/app/workspace/cmdinput/cmdinput.tsx +++ b/src/app/workspace/cmdinput/cmdinput.tsx @@ -161,7 +161,7 @@ class CmdInput extends React.Component<{}, {}> { -
+