Small tweaks in darkmode (#1976)

* The scss variable $popover-border-color is now also used throughout the internal styles
* Derived css variable is exported only once
* Scss definitions are now organized and structured with descriptive comments
* Fix incorrect styling due to a too dark and at the same time very thick border in the CreateButton component
* Darken $border-light a little, so that it is not brighter than the border in dark mode
This commit is contained in:
Florian Scholdei
2022-04-12 12:45:23 +02:00
committed by GitHub
parent c265383f37
commit 5eacb9da6a
8 changed files with 59 additions and 52 deletions

View File

@@ -891,7 +891,7 @@ exports[`Storyshots Buttons/CreateButton Default 1`] = `
className="indexstories__Spacing-bpoict-0 ieMGHp"
>
<div
className="CreateButton__Wrapper-f29oo-0 iODeHj has-text-centered mt-5 p-4"
className="CreateButton__Wrapper-f29oo-0 iVaJIs has-text-centered mt-5 p-4"
>
<button
className="button is-primary"

View File

@@ -27,7 +27,7 @@ import Button, { ButtonProps } from "./Button";
import classNames from "classnames";
const Wrapper = styled.div`
border: 2px solid var(--scm-border-color);
border: var(--scm-border);
`;
export default class CreateButton extends React.Component<ButtonProps> {