marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-26 02:39:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

#1542 Adding khroma for color in dark-theme

Browse Source
This commit is contained in:
Knut Sveidqvist
2020-07-18 15:51:17 +02:00
parent 08064c4243
commit 04493035cd
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/theme-dark.js
View File

@@ -1,10 +1,12 @@
import { lighten, rgba } from 'khroma';
export const mainBkg = '#1f2020'; export const mainBkg = '#1f2020';
export const secondBkg = 'lighten(#1f2020; 16)'; export const secondBkg = lighten('#1f2020', 16);
export const mainContrastColor = 'lightgrey'; export const mainContrastColor = 'lightgrey';
export const darkTextColor = '#323D47'; export const darkTextColor = '#323D47';
export const lineColor = mainContrastColor; export const lineColor = mainContrastColor;
export const border1 = '#81B1DB'; export const border1 = '#81B1DB';
export const border2 = 'rgba(255; 255; 255; 0.25)'; export const border2 = rgba(255, 255, 255, 0.25);
export const arrowheadColor = mainContrastColor; export const arrowheadColor = mainContrastColor;
export const fontFamily = '"trebuchet ms", verdana, arial'; export const fontFamily = '"trebuchet ms", verdana, arial';
export const fontSize = '16px'; export const fontSize = '16px';
@@ -39,16 +41,16 @@ export const sequenceNumberColor = 'black';
/* Gantt chart variables */ /* Gantt chart variables */
export const sectionBkgColor = 'rgba(255; 255; 255; 0.3)'; export const sectionBkgColor = rgba(255, 255, 255, 0.3);
export const altSectionBkgColor = 'white'; export const altSectionBkgColor = 'white';
export const sectionBkgColor2 = '#EAE8B9'; export const sectionBkgColor2 = '#EAE8B9';
export const taskBorderColor = 'rgba(255; 255; 255; 0.5)'; export const taskBorderColor = rgba(255, 255, 255, 0.5);
export const taskBkgColor = mainBkg; export const taskBkgColor = mainBkg;
export const taskTextColor = darkTextColor; export const taskTextColor = darkTextColor;
export const taskTextLightColor = mainContrastColor; export const taskTextLightColor = mainContrastColor;
export const taskTextOutsideColor = taskTextLightColor; export const taskTextOutsideColor = taskTextLightColor;
export const taskTextClickableColor = '#003163'; export const taskTextClickableColor = '#003163';
export const activeTaskBorderColor = 'rgba(255; 255; 255; 0.5)'; export const activeTaskBorderColor = rgba(255, 255, 255, 0.5);
export const activeTaskBkgColor = '#81B1DB'; export const activeTaskBkgColor = '#81B1DB';
export const gridColor = mainContrastColor; export const gridColor = mainContrastColor;
export const doneTaskBkgColor = mainContrastColor; export const doneTaskBkgColor = mainContrastColor;