Skip to content

Commit

Permalink
docs(sdds-cs): overwrite background-primary-token
Browse files Browse the repository at this point in the history
always use rgb(255, 255, 255) for consistent UI
  • Loading branch information
Yakutoc committed Nov 27, 2024
1 parent 62f67c1 commit 7e66683
Showing 1 changed file with 8 additions and 1 deletion.
9 changes: 8 additions & 1 deletion website/sdds-cs-docs/src/theme/Playground/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@ import useIsBrowser from '@docusaurus/useIsBrowser';
import { usePrismTheme, useColorMode } from '@docusaurus/theme-common';
import { PlaygroundPreview } from '@salutejs/plasma-docs-ui';
import { sdds_cs__light } from '@salutejs/sdds-themes';
import { standard } from '@salutejs/plasma-typo';
import Translate from '@docusaurus/Translate';
import clsx from 'clsx';

Expand All @@ -17,6 +16,13 @@ import styles from './styles.module.css';
// Именно в этом файле подключаются/управляются темы/токены
const LightTheme = createGlobalStyle(sdds_cs__light);

// INFO: По договоренности с командой дизайна
const BackgroundPrimaryTokenOverwrite = createGlobalStyle`
:root {
--background-primary: rgb(255, 255, 255);
}
`;

const StyledWrap = styled.div`
width: fit-content;
position: absolute;
Expand Down Expand Up @@ -46,6 +52,7 @@ const ResultWithHeader: FC = () => {
return (
<>
<LightTheme />
<BackgroundPrimaryTokenOverwrite />
<Header>
<Translate id="theme.Playground.result" description="The result label of the live codeblocks">
Result
Expand Down

0 comments on commit 7e66683

Please sign in to comment.