VSinerva/freesewing
1
0
Fork 0
Code Activity

💄 Updated draft CSS for dark mode

Browse source
This commit is contained in:
Joost De Cock 2019-05-07 11:24:37 +02:00
parent 2a29466f65
commit a7c518716b
2 changed files with 29 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

16
packages/css-theme/src/_variables.scss
View file

@ -20,12 +20,12 @@ $fc-draft-mark-light: $oc-blue-4;
$fc-draft-contrast-light: $oc-orange-7;
$fc-draft-note-light: $oc-pink-7;
$fc-draft-lining-dark: $oc-teal-6;
$fc-draft-fabric-dark: $oc-gray-9;
$fc-draft-canvas-dark: $oc-yellow-7;
$fc-draft-interfacing-dark: $oc-gray-6;
$fc-draft-various-dark: $oc-pink-5;
$fc-draft-mark-dark: $oc-indigo-6;
$fc-draft-contrast-dark: $oc-orange-7;
$fc-draft-note-dark: $oc-blue-7;
$fc-draft-fabric-dark: $oc-gray-1;
$fc-draft-lining-dark: $oc-lime-4;
$fc-draft-interfacing-dark: $oc-red-4;
$fc-draft-canvas-dark: $oc-yellow-4;
$fc-draft-various-dark: $oc-grape-4;
$fc-draft-mark-dark: $oc-blue-4;
$fc-draft-contrast-dark: $oc-orange-4;
$fc-draft-note-dark: $oc-pink-4;

22
packages/css-theme/src/components/_draft.scss
View file

@ -59,6 +59,9 @@ svg.freesewing.draft {
}
}
svg.freesewing.draft text {
fill: currentColor;
}
.theme-wrapper.light svg.freesewing.draft {
/* Stroke classes */
path,circle{ stroke: $fc-draft-fabric-light; }
@ -79,6 +82,15 @@ svg.freesewing.draft {
.fill-mark{ fill: $fc-draft-mark-light; }
.fill-contrast{ fill: $fc-draft-contrast-light; }
.fill-note{ fill: $fc-draft-note-light; }
/* scalebox plugin */
path.scalebox.metric {
stroke: none;
fill: $fc-bg-light;
}
path.scalebox.imperial {
stroke: none;
fill: $fc-bg-dark;
}
}
.theme-wrapper.dark svg.freesewing.draft {
/* Stroke classes */
@ -100,6 +112,15 @@ svg.freesewing.draft {
.fill-mark{ fill: $fc-draft-mark-dark; }
.fill-contrast{ fill: $fc-draft-contrast-dark; }
.fill-note{ fill: $fc-draft-note-dark; }
/* scalebox plugin */
path.scalebox.metric {
stroke: none;
fill: $fc-bg-dark;
}
path.scalebox.imperial {
stroke: none;
fill: $fc-bg-light;
}
}
/* SVG defs (snippets) are in the shadow DOM */
@ -150,4 +171,3 @@ path.gridline.imperial.sm {
color: $oc-gray-6!important;
}
}