mirror of
https://github.com/zhigang1992/react.git
synced 2026-01-29 22:51:54 +08:00
* feat: optimize fonts rendering on windows (#385) * feat(styles): set Inter to highest font * docs(fonts): add guide for fonts rendering on windows * test: udpate snapshots * chore: release v2.1.0-canary.0 * feat(table): add update row action to Table (#378) * feat: add update to Table's actions. add test and doc fix(table): fix comments * feat(table): improve type for table actions chore: update docs chore: remove unused types chore(table): improve docs Co-authored-by: William Castandet <williamcastandet@williams-air.home> Co-authored-by: unix <unix.bio@gmail.com> * refactor(use-theme): move use-theme to the top directory (#397) * refactor(use-theme): move use-theme to the top directory * chore(jest): ignore use-theme of forwarding * chore: release v2.1.0-canary.1 * feat(select): add clearable option to select multiple with test and english doc (#396) * docs: add clearable option to select multiple with test and english doc * fix: fix types for onClear * fix: fix import path for use-theme add more test for coverage * docs(select): add chinese document Co-authored-by: unix <unix.bio@gmail.com> * chore: release v2.1.0-canary.2 * fix(tabs): scrollable (#404) docs(tabs): scroll behavior * feat(textarea): resize prop (#416) * feat: add resize prop to textarea * docs: add resize prop for textarea * docs(textarea): improve docs and attributes for cn * test(textarea): update snapshots Co-authored-by: unix <unix.bio@gmail.com> * fix(types): replace path aliases in type files (#432) * fix(types): replace path aliases in type files * chore(lint): upgrade eslint and optimize code style * chore: fix type error for context handler * test: update snapshots * fix: use ttsc to identify aliases in type paths * feat(hooks): add a tool hooks for react context (#439) * feat(hooks): add a tool hooks for react context * chore: move use-context-state to internal tools style: fix lint warning * chore: simplify the structure of the catalog * refactor(themes): refactor theme module to keep multiple themes (#440) * refactor(themes): refactor theme module to keep multiple themes * chore: migrate APIs to be compatible with new theme system * test: update snapshots * chore: migrate the path of the theme module * feat(themes): append static methods of themes * chore: hide custom theme when no custom content in the context * chore: manually add flush to preload styles in html * docs(themes): update to fit the new theme system * chore: release v2.1.0-canary.3 (#450) * docs: add link to GH discussions * chore: upgrade deps * chore: update code style for prettier * chore: release v2.1.0-canary.3 * chore(deps): upgrade babel * chore: replace enzyme adapter with community repo to fit react.17 * test: updatee snapshots for auto typesetting * test(config): ignore unexported parts of the tools Co-authored-by: William <wcastand@gmail.com> Co-authored-by: William Castandet <williamcastandet@williams-air.home> Co-authored-by: Vaibhav Acharya <vaibhavacharya111@gmail.com> Co-authored-by: Paul van Dyk <39598117+PaulPCIO@users.noreply.github.com>
113 lines
2.1 KiB
TypeScript
113 lines
2.1 KiB
TypeScript
import { PrismTheme } from 'prism-react-renderer'
|
|
import { GeistUIThemes } from 'components/themes/presets'
|
|
|
|
const makeCodeTheme = (theme: GeistUIThemes): PrismTheme => ({
|
|
plain: {
|
|
backgroundColor: theme.palette.background,
|
|
color: theme.palette.accents_4,
|
|
fontWeight: '400',
|
|
fontStyle: 'normal',
|
|
fontFamily: theme.font.mono,
|
|
fontSize: '.875rem',
|
|
textRendering: 'geometricPrecision',
|
|
},
|
|
styles: [
|
|
{
|
|
types: ['comment', 'prolog', 'doctype', 'cdata', 'punctuation'],
|
|
style: {
|
|
color: 'theme.palette.accents_3',
|
|
opacity: 0.5,
|
|
},
|
|
},
|
|
{
|
|
types: ['namespace'],
|
|
style: {
|
|
opacity: 1,
|
|
},
|
|
},
|
|
{
|
|
types: ['tag', 'operator', 'number'],
|
|
style: {
|
|
color: theme.palette.accents_6,
|
|
},
|
|
},
|
|
{
|
|
types: ['property', 'function'],
|
|
style: {
|
|
color: theme.palette.success,
|
|
},
|
|
},
|
|
{
|
|
types: ['tag-id', 'selector', 'atrule-id'],
|
|
style: {
|
|
color: '#eeebff',
|
|
},
|
|
},
|
|
{
|
|
types: ['attr-name'],
|
|
style: {
|
|
color: theme.palette.warning,
|
|
},
|
|
},
|
|
{
|
|
types: [
|
|
'boolean',
|
|
'string',
|
|
'entity',
|
|
'url',
|
|
'attr-value',
|
|
'keyword',
|
|
'control',
|
|
'directive',
|
|
'unit',
|
|
'statement',
|
|
'regex',
|
|
'at-rule',
|
|
'placeholder',
|
|
'variable',
|
|
],
|
|
style: {
|
|
color: theme.palette.purple,
|
|
},
|
|
},
|
|
{
|
|
types: ['deleted'],
|
|
style: {
|
|
textDecorationLine: 'line-through',
|
|
},
|
|
},
|
|
{
|
|
types: ['language-javascript', 'script'],
|
|
style: {
|
|
color: theme.palette.success,
|
|
},
|
|
},
|
|
{
|
|
types: ['inserted'],
|
|
style: {
|
|
textDecorationLine: 'underline',
|
|
},
|
|
},
|
|
{
|
|
types: ['italic'],
|
|
style: {
|
|
fontStyle: 'italic',
|
|
},
|
|
},
|
|
{
|
|
types: ['important', 'bold'],
|
|
style: {
|
|
fontWeight: 'bold',
|
|
},
|
|
},
|
|
{
|
|
types: ['important'],
|
|
style: {
|
|
color: '#c4b9fe',
|
|
},
|
|
},
|
|
],
|
|
})
|
|
|
|
export default makeCodeTheme
|