@redocly/theme/src/components/Tag/variables.dark.ts

Shared UI components lib

import { css } from 'styled-components';

export const tagDarkMode = css`
  --tag-operation-color-delete: #fa82a2; // @presenter Color
  --tag-operation-bg-color-delete: #77214C; // @presenter Color

  --tag-operation-color-get: #68cc97; // @presenter Color
  --tag-operation-bg-color-get: #1F4D2D; // @presenter Color

  --tag-operation-color-post: #90b0f0; // @presenter Color
  --tag-operation-bg-color-post: #233061; // @presenter Color

  --tag-operation-color-put: #e0a663; // @presenter Color
  --tag-operation-bg-color-put: #612729; // @presenter Color

  --tag-operation-color-patch: #e0c363; // @presenter Color
  --tag-operation-bg-color-patch: #5C3721; // @presenter Color

  --tag-operation-color-head: #e6e1fe; // @presenter Color
  --tag-operation-bg-color-head: #5b4ccc; // @presenter Color

  --tag-operation-color-options: #1a1c21; // @presenter Color
  --tag-operation-bg-color-options: #2a2b33; // @presenter Color

  .tag-grey,
  .tag-draft,
  .tag-schema,
  .tag-default {
    --tag-bg-color: var(--color-warm-grey-4); // @presenter Color
  }
`;