DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: unocss theme color namings

Browse Source
This commit is contained in:
Razboy20
2024-02-14 16:03:18 -06:00
committed by doprz
parent 64fa12b10c
commit 79d7832d09
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/shared/util/themeColors.ts
View File

@@ -1,15 +1,15 @@
export const colors = { export const colors = {
ut: { ut: {
'burnt-orange': '#BF5700', burntorange: '#BF5700',
black: '#333F48', black: '#333F48',
orange: '#f8971f', orange: '#f8971f',
yellow: '#ffd600', yellow: '#ffd600',
'light-green': '#a6cd57', lightgreen: '#a6cd57',
green: '#579d42', green: '#579d42',
teal: '#00a9b7', teal: '#00a9b7',
blue: '#005f86', blue: '#005f86',
gray: '#9cadb7', gray: '#9cadb7',
'off-white': '#d6d2c4', offwhite: '#d6d2c4',
concrete: '#95a5a6', concrete: '#95a5a6',
}, },
theme: { theme: {

12
src/stories/components/Button.stories.tsx
View File

@@ -1,14 +1,14 @@
import { Button } from 'src/views/components/common/Button/Button';
import type { Meta, StoryObj } from '@storybook/react'; import type { Meta, StoryObj } from '@storybook/react';
import React from 'react'; import React from 'react';
import { colorsFlattened } from 'src/shared/util/themeColors'; import { colorsFlattened } from 'src/shared/util/themeColors';
import ImagePlaceholderIcon from '~icons/material-symbols/image'; import { Button } from 'src/views/components/common/Button/Button';
import AddIcon from '~icons/material-symbols/add'; import AddIcon from '~icons/material-symbols/add';
import RemoveIcon from '~icons/material-symbols/remove';
import CalendarMonthIcon from '~icons/material-symbols/calendar-month'; import CalendarMonthIcon from '~icons/material-symbols/calendar-month';
import ReviewsIcon from '~icons/material-symbols/reviews';
import HappyFaceIcon from '~icons/material-symbols/mood';
import DescriptionIcon from '~icons/material-symbols/description'; import DescriptionIcon from '~icons/material-symbols/description';
import ImagePlaceholderIcon from '~icons/material-symbols/image';
import HappyFaceIcon from '~icons/material-symbols/mood';
import RemoveIcon from '~icons/material-symbols/remove';
import ReviewsIcon from '~icons/material-symbols/reviews';
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
const meta = { const meta = {
@@ -128,7 +128,7 @@ export const CourseCatalogActionButtons: Story = {
}, },
render: props => ( render: props => (
<div style={{ display: 'flex', gap: '15px' }}> <div style={{ display: 'flex', gap: '15px' }}>
<Button {...props} variant='filled' color='ut-burnt-orange' icon={CalendarMonthIcon} /> <Button {...props} variant='filled' color='ut-burntorange' icon={CalendarMonthIcon} />
<Button {...props} variant='outline' color='ut-blue' icon={ReviewsIcon}> <Button {...props} variant='outline' color='ut-blue' icon={ReviewsIcon}>
RateMyProf RateMyProf
</Button> </Button>