sonot
/
PteroTheme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change colors of Stat element in the panel

This commit is contained in:
Angelillo15 2023-08-04 23:27:50 +02:00
parent f8312b1cb2
commit d2984af12c
3 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/scripts/components/server/console/StatBlock.tsx
View File

@ -20,9 +20,9 @@ export default ({ title, copyOnClick, icon, color, className, children }: StatBl
return ( return (
<CopyOnClick text={copyOnClick}> <CopyOnClick text={copyOnClick}>
<div className={classNames(styles.stat_block, 'bg-gray-600', className)}> <div className={classNames(styles.stat_block, 'bg-gray-800', className)}>
<div className={classNames(styles.status_bar, color || 'bg-gray-700')} /> <div className={classNames(styles.status_bar, 'bg-gray-700')} />
<div className={classNames(styles.icon, color || 'bg-gray-700')}> <div className={classNames(styles.icon, 'bg-gray-900')}>
<Icon <Icon
icon={icon} icon={icon}
className={classNames({ className={classNames({

2
resources/scripts/components/server/console/style.module.css
View File

@ -59,5 +59,5 @@
} }
.chart_container { .chart_container {
@apply bg-gray-600 rounded shadow-lg pt-2 border-b-4 border-gray-700 relative; @apply rounded shadow-lg pt-2 relative bg-gray-800;
} }

20
tailwind.config.js
View File

@ -1,16 +1,16 @@
const colors = require('tailwindcss/colors'); const colors = require('tailwindcss/colors');
const gray = { const gray = {
50: 'hsl(216, 33%, 97%)', 50: colors.neutral[50],
100: 'hsl(214, 15%, 91%)', 100: colors.neutral[100],
200: 'hsl(210, 16%, 82%)', 200: colors.neutral[200],
300: 'hsl(211, 13%, 65%)', 300: colors.neutral[300],
400: 'hsl(211, 10%, 53%)', 400: colors.neutral[400],
500: 'hsl(211, 12%, 43%)', 500: colors.neutral[500],
600: 'hsl(209, 14%, 37%)', 600: colors.neutral[600],
700: 'hsl(209, 18%, 30%)', 700: colors.neutral[700],
800: 'hsl(209, 20%, 25%)', 800: colors.neutral[800],
900: 'hsl(210, 24%, 16%)', 900: colors.neutral[900],
}; };
module.exports = { module.exports = {