Better logic for using theme values

This commit is contained in:
Dane Everitt 2020-10-17 13:43:22 -07:00
parent ebe3375897
commit 820d8f7560
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
3 changed files with 36 additions and 20 deletions

View file

@ -7,17 +7,15 @@ import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
import { ServerContext } from '@/state/server';
import styled from 'styled-components/macro';
import { usePermissions } from '@/plugins/usePermissions';
import tw from 'twin.macro';
import tw, { theme } from 'twin.macro';
import 'xterm/css/xterm.css';
import useEventListener from '@/plugins/useEventListener';
import { debounce } from 'debounce';
// @ts-ignore
import tailwindConfig from '../../../../tailwind.config.js';
const theme = {
background: tailwindConfig.theme.colors.black,
background: theme`colors.black`,
cursor: 'transparent',
black: '#000000',
black: theme`colors.black`,
red: '#E54B4B',
green: '#9ECE58',
yellow: '#FAED70',