storybookjs/storybook

Storybook theming does not allow for changing top level headers in sidebar

已關閉

#17,260 建立於 2022年1月17日

 (2 則留言) (1 個反應) (0 位負責人)TypeScript (10,058 個分叉)batch import
buggood first issuehelp wantedsev:S4theming

倉庫指標

星標
 (89,909 顆星)
PR 合併指標
 (平均合併 7天 22小時) (30 天內合併 184 個 PR)

描述

Describe the bug Using the documentation here: https://storybook.js.org/docs/react/configure/theming I haven't found a way to change the coloring of the top level headers in the side menu. They are stuck with the color of #999, and there doesn't appear to be an easily targeted class to override it, css-ulso1l.

To Reproduce

  1. Create a custom theme
import { create } from '@storybook/theming';
export default create({
  base: 'light',
  colorPrimary: '#ff0000',
  colorSecondary: '#cc0000',

  // UI
  appBg: '#555',
  appContentBg: '#eee',
  appBorderColor: 'grey',
  appBorderRadius: 4,
  textColor: '#000',
  textInverseColor: '#fff',
  textMutedColor: '#444',

  // Typography
  fontBase: '"Open Sans", sans-serif',
  fontCode: 'monospace',

  // Toolbar default and active colors
  barTextColor: 'silver',
  barSelectedColor: '#222',
  barBg: 'grey',

  // Form colors
  inputBg: 'grey',
  inputBorder: 'silver',
  inputTextColor: 'white',
  inputBorderRadius: 4
});
  1. View Sidebar contents with a Grouped set of stories. In the image below, the Form Components text is the text I'm trying to target.

貢獻者指南