0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-03 17:02:40 +00:00

Make DMG style use CSS variables

This commit is contained in:
Trevor Buckner
2022-05-15 22:45:59 -04:00
parent 96e704234c
commit 1f82dbe8ee
3 changed files with 9 additions and 10 deletions

View File

@@ -140,7 +140,7 @@ const MetadataEditor = createClass({
}); });
}; };
const currentTheme = Themes[this.props.metadata.renderer][this.props.metadata.theme]; const currentTheme = Themes[`${_.upperFirst(this.props.metadata.renderer)}`][this.props.metadata.theme];
let dropdown; let dropdown;
if(this.props.metadata.renderer == 'legacy') { if(this.props.metadata.renderer == 'legacy') {

View File

@@ -2,8 +2,11 @@
@import (less) './themes/assets/assets.less'; @import (less) './themes/assets/assets.less';
@import (less) './themes/V3/5ePHB/style.less'; @import (less) './themes/V3/5ePHB/style.less';
@noteGreen : #ebcec3; // Salmon :root {
@footnotes : #5c5c5c; // Dark gray //Colors
--HB_Color_Accent : #EBCEC3; // Salmon
--HB_Color_Footnotes : #5C5C5C; // Dark gray
}
.page { .page {
background-image : url(/assets/DMG_background.png); background-image : url(/assets/DMG_background.png);
@@ -14,12 +17,7 @@
height: 58px; height: 58px;
} }
.pageNumber {
color : @footnotes;
}
.footnote { .footnote {
color : @footnotes;
bottom : 40px; bottom : 40px;
} }
} }

View File

@@ -11,6 +11,7 @@
--HB_Color_MonsterStatBackground : #EEDBAB; // Light orange parchment --HB_Color_MonsterStatBackground : #EEDBAB; // Light orange parchment
--HB_Color_CaptionText : #766649; // Brown --HB_Color_CaptionText : #766649; // Brown
--HB_Color_WatercolorStain : #BBAD82; // Light brown --HB_Color_WatercolorStain : #BBAD82; // Light brown
--HB_Color_Footnotes : #C9AD6A; // Gold
} }
@page { margin: 0; } @page { margin: 0; }
@@ -487,7 +488,7 @@ body {
bottom : 22px; bottom : 22px;
width : 50px; width : 50px;
font-size : 0.9em; font-size : 0.9em;
color : #c9ad6a; color : var(--HB_Color_Footnotes);
text-align : center; text-align : center;
text-indent : 0; text-indent : 0;
&.auto::after { &.auto::after {
@@ -501,7 +502,7 @@ body {
z-index : 150; z-index : 150;
width : 200px; width : 200px;
font-size : 0.8em; font-size : 0.8em;
color : #c9ad6a; color : var(--HB_Color_Footnotes);
text-align : right; text-align : right;
} }
//************************************ //************************************