Skip to content

Commit

Permalink
alert colors
Browse files Browse the repository at this point in the history
  • Loading branch information
mikeldking committed Oct 25, 2023
1 parent 9ad8f64 commit 08dfd53
Showing 1 changed file with 2 additions and 6 deletions.
8 changes: 2 additions & 6 deletions src/alert/styles.ts
Original file line number Diff line number Diff line change
@@ -1,20 +1,16 @@
import { css } from '@emotion/react';
import { transparentize, darken } from 'polished';
import theme from '../theme';
import { SeverityLevel } from '../types';

export const baseSeverityCSS = css`
backdrop-filter: blur(10px);
`;

const generateSeverityCSS = (
semanticColor: 'info' | 'warning' | 'success' | 'danger'
) => {
const generateSeverityCSS = (semanticColor: SeverityLevel) => {
const colorPrefix = `--ac-global-color-${semanticColor}`;
return css(
baseSeverityCSS,
css`
border: 1px solid var(${colorPrefix});
/* FireFox Only style */
background-color: var(${colorPrefix}-700);
color: var(--ac-global-color-text-900);
`
Expand Down

0 comments on commit 08dfd53

Please sign in to comment.