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

Adding styles for clickable tasks

Browse Source
This commit is contained in:
abzicht
2019-03-10 13:43:20 +01:00
parent fa04e3de75
commit d2eb507e7d
5 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/themes/dark/index.scss
View File

@@ -43,6 +43,7 @@ $taskBkgColor: $mainBkg;
$taskTextColor: $darkTextColor; $taskTextColor: $darkTextColor;
$taskTextLightColor: $mainContrastColor; $taskTextLightColor: $mainContrastColor;
$taskTextOutsideColor: $taskTextLightColor; $taskTextOutsideColor: $taskTextLightColor;
$taskTextClickableColor: #003163;
$activeTaskBorderColor: rgba(255, 255, 255, 0.5); $activeTaskBorderColor: rgba(255, 255, 255, 0.5);
$activeTaskBkgColor: #81B1DB; $activeTaskBkgColor: #81B1DB;
$gridColor: $mainContrastColor; $gridColor: $mainContrastColor;

1
src/themes/default/index.scss
View File

@@ -42,6 +42,7 @@ $taskTextLightColor: white;
$taskTextColor: $taskTextLightColor; $taskTextColor: $taskTextLightColor;
$taskTextDarkColor: black; $taskTextDarkColor: black;
$taskTextOutsideColor: $taskTextDarkColor; $taskTextOutsideColor: $taskTextDarkColor;
$taskTextClickableColor: #003163;
$activeTaskBorderColor: #534fbc; $activeTaskBorderColor: #534fbc;
$activeTaskBkgColor: #bfc7ff; $activeTaskBkgColor: #bfc7ff;
$gridColor: lightgrey; $gridColor: lightgrey;

1
src/themes/forest/index.scss
View File

@@ -43,6 +43,7 @@ $taskTextLightColor: white;
$taskTextColor: $taskTextLightColor; $taskTextColor: $taskTextLightColor;
$taskTextDarkColor: black; $taskTextDarkColor: black;
$taskTextOutsideColor: $taskTextDarkColor; $taskTextOutsideColor: $taskTextDarkColor;
$taskTextClickableColor: #003163;
$activeTaskBorderColor: $taskBorderColor; $activeTaskBorderColor: $taskBorderColor;
$activeTaskBkgColor: $mainBkg; $activeTaskBkgColor: $mainBkg;
$gridColor: lightgrey; $gridColor: lightgrey;

5
src/themes/gantt.scss
View File

@@ -66,7 +66,6 @@
/* Task styling */ /* Task styling */
/* Default task */ /* Default task */
.task { .task {
@@ -95,6 +94,8 @@
} }
.taskText.clickable { .taskText.clickable {
cursor: pointer; cursor: pointer;
fill: $taskTextClickableColor !important;
font-weight: bold;
} }
/* Specific task settings for the sections*/ /* Specific task settings for the sections*/
@@ -115,7 +116,7 @@
} }
.taskTextOutside0, .taskTextOutside0,
.taskTextOutside2, .taskTextOutside2
{ {
fill: $taskTextOutsideColor; fill: $taskTextOutsideColor;
} }

1
src/themes/neutral/index.scss
View File

@@ -47,6 +47,7 @@ $taskTextLightColor: white;
$taskTextColor: $taskTextLightColor; $taskTextColor: $taskTextLightColor;
$taskTextDarkColor: $text; $taskTextDarkColor: $text;
$taskTextOutsideColor: $taskTextDarkColor; $taskTextOutsideColor: $taskTextDarkColor;
$taskTextClickableColor: #003163;
$activeTaskBorderColor: $taskBorderColor; $activeTaskBorderColor: $taskBorderColor;
$activeTaskBkgColor: $mainBkg; $activeTaskBkgColor: $mainBkg;
$gridColor: lighten($border1, 30%); $gridColor: lighten($border1, 30%);