VincentVk/fvtt-cthulhu-eternal
0
0
Fork 0
forked from public/fvtt-cthulhu-eternal
Code Pull Requests Activity

Enhance fonts/sizing/colors

Browse Source
This commit is contained in:
LeRatierBretonnien
2025-01-28 14:22:11 +01:00
parent 6a18f7fa29
commit e7ea8138c9
18 changed files with 66 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/fonts/Chantelli_Antiqua.ttf
BIN
View File
Binary file not shown.
assets/fonts/FeFCrm2.ttf
BIN
View File
Binary file not shown.
assets/fonts/FeGPrm2.ttf
BIN
View File
Binary file not shown.
assets/fonts/IMFeDPrm28P.ttf
BIN
View File
Binary file not shown.
assets/fonts/Sail-Regular.ttf
BIN
View File
Binary file not shown.
css/fvtt-cthulhu-eternal.css
+16 -8
View File
@@ -34,9 +34,17 @@
font-family: "Volkhov"; font-family: "Volkhov";
src: url("../assets/fonts/Volkhov-Regular.ttf") format("truetype"); src: url("../assets/fonts/Volkhov-Regular.ttf") format("truetype");
} }
@font-face {
font-family: "ChantelliAntiqua";
src: url("../assets/fonts/Chantelli_Antiqua.ttf") format("truetype");
}
@font-face { @font-face {
font-family: "IMFell"; font-family: "IMFell";
src: url("../assets/fonts/IMFell.ttf") format("truetype"); src: url("../assets/fonts/IMFeDPrm28P.ttf") format("truetype");
}
@font-face {
font-family: "SailRegular";
src: url("../assets/fonts/Sail-Regular.ttf") format("truetype");
} }
@font-face { @font-face {
font-family: "Dominican"; font-family: "Dominican";
@@ -104,13 +112,13 @@
} }
:root { :root {
--font-size-standard: 0.9rem; --font-size-standard: 0.9rem;
--font-size-result: 1.4rem;
--background-image-base: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("../assets/ui/jazz_background_main.webp"); --background-image-base: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("../assets/ui/jazz_background_main.webp");
/*--background-image-base: url("../assets/ui/jazzage_background_main.webp");*/
--font-primary: "RozhaOne"; --font-primary: "RozhaOne";
--font-secondary: "RozhaOne"; --font-secondary: "RozhaOne";
--font-title: "Broadway"; --font-title: "Broadway";
--logo-standard: url("../assets/logos/reanimated-ce-logo.webp"); --logo-standard: url("../assets/logos/reanimated-ce-logo.webp");
--color-success: #12e912; --color-success: #0f7a0f;
--color-failure: darkred; --color-failure: darkred;
--color-warning: darkorange; --color-warning: darkorange;
--color-critical-success: #1527cc; --color-critical-success: #1527cc;
@@ -305,7 +313,7 @@ i.fvtt-cthulhu-eternal {
} }
.fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .protagonist-name input { .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .protagonist-name input {
font-family: var(--font-title); font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.4); font-size: var(--font-size-title);
width: 400px; width: 400px;
} }
.fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .san { .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .san {
@@ -1978,22 +1986,22 @@ i.fvtt-cthulhu-eternal {
.dice-roll .intro-chat .intro-right ul .result-success { .dice-roll .intro-chat .intro-right ul .result-success {
color: var(--color-success); color: var(--color-success);
font-family: var(--font-title); font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2); font-size: var(--font-size-result);
} }
.dice-roll .intro-chat .intro-right ul .result-critical-success { .dice-roll .intro-chat .intro-right ul .result-critical-success {
color: var(--color-critical-success); color: var(--color-critical-success);
font-family: var(--font-title); font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2); font-size: var(--font-size-result);
} }
.dice-roll .intro-chat .intro-right ul .result-failure { .dice-roll .intro-chat .intro-right ul .result-failure {
color: var(--color-failure); color: var(--color-failure);
font-family: var(--font-title); font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2); font-size: var(--font-size-result);
} }
.dice-roll .intro-chat .intro-right ul .result-critical-failure { .dice-roll .intro-chat .intro-right ul .result-critical-failure {
color: var(--color-critical-failure); color: var(--color-critical-failure);
font-family: var(--font-title); font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2); font-size: var(--font-size-result);
} }
.dice-roll .intro-chat .intro-right .introText { .dice-roll .intro-chat .intro-right .introText {
font-family: var(--font-secondary); font-family: var(--font-secondary);
module/config/system.mjs
+12 -12
View File
@@ -42,18 +42,18 @@ export const INSANITY = {
} }
export const ERA_CSS = { export const ERA_CSS = {
jazz: { primaryFont: "RozhaOne", secondaryFont: "RozhaOne", titleFont: "Broadway", imgFilter: "brightness(0) saturate(100%) invert(52%) sepia(9%) saturate(2368%) hue-rotate(360deg) brightness(86%) contrast(84%)" }, jazz: { primaryFont: "RozhaOne", secondaryFont: "RozhaOne", titleFont: "Broadway", baseFontSize: "1.0rem", titleFontSize: "1.2rem", imgFilter: "brightness(0) saturate(100%) invert(52%) sepia(9%) saturate(2368%) hue-rotate(360deg) brightness(86%) contrast(84%)" },
modern: { primaryFont: "Georama", secondaryFont: "Georama", titleFont: "Georama", imgFilter: "brightness(0) saturate(100%) invert(92%) sepia(11%) saturate(1214%) hue-rotate(51deg) brightness(93%) contrast(86%)" }, modern: { primaryFont: "Georama", secondaryFont: "Georama", titleFont: "Georama", baseFontSize: "1.0rem", titleFontSize: "1.2rem",imgFilter: "brightness(0) saturate(100%) invert(92%) sepia(11%) saturate(1214%) hue-rotate(51deg) brightness(93%) contrast(86%)" },
future: { primaryFont: "Megrim", secondaryFont: "Megrim", titleFont: "Seabreed", imgFilter: "brightness(0) saturate(100%) invert(83%) sepia(30%) saturate(588%) hue-rotate(168deg) brightness(105%) contrast(103%)" }, future: { primaryFont: "Georama", secondaryFont: "Georama", titleFont: "Seabreed", baseFontSize: "1.0rem", titleFontSize: "2.0rem",imgFilter: "invert(90%) sepia(6%) saturate(1818%) hue-rotate(152deg) brightness(91%) contrast(91%)" },
victorian: { primaryFont: "Volkhov", secondaryFont: "Volkhov", titleFont: "Excelsior", imgFilter: "brightness(0) saturate(100%) invert(100%) sepia(59%) saturate(1894%) hue-rotate(337deg) brightness(88%) contrast(98%)" }, victorian: { primaryFont: "Volkhov", secondaryFont: "Volkhov", titleFont: "Excelsior", baseFontSize: "1.0rem", titleFontSize: "1.2rem",imgFilter: "brightness(0) saturate(100%) invert(100%) sepia(59%) saturate(1894%) hue-rotate(337deg) brightness(88%) contrast(98%)" },
coldwar: { primaryFont: "BebasNeue", secondaryFont: "BebasNeue", titleFont: "TopSecret", imgFilter: "brightness(0) saturate(100%) invert(81%) sepia(14%) saturate(2508%) hue-rotate(202deg) brightness(99%) contrast(105%)"}, coldwar: { primaryFont: "Georama", secondaryFont: "Georama", titleFont: "TopSecret", baseFontSize: "1.0rem", titleFontSize: "1.2rem",imgFilter: "brightness(0) saturate(100%) invert(81%) sepia(14%) saturate(2508%) hue-rotate(202deg) brightness(99%) contrast(105%)"},
revolution: { primaryFont: "IMFell", secondaryFont: "IMFell", titleFont: "Dominican", imgFilter: "brightness(0) saturate(100%) invert(81%) sepia(25%) saturate(386%) hue-rotate(7deg) brightness(101%) contrast(84%)" }, revolution: { primaryFont: "IMFell", secondaryFont: "IMFell", titleFont: "Dominican", baseFontSize: "1.0rem",titleFontSize: "1.3rem",imgFilter: "brightness(0) saturate(100%) invert(81%) sepia(25%) saturate(386%) hue-rotate(7deg) brightness(101%) contrast(84%)" },
medieval: { primaryFont: "UncialAntiqua", secondaryFont: "UncialAntiqua", titleFont: "Luminari", imgFilter: "brightness(0) saturate(100%) invert(93%) sepia(46%) saturate(354%) hue-rotate(321deg) brightness(93%) contrast(87%)"}, medieval: { primaryFont: "UncialAntiqua", secondaryFont: "UncialAntiqua", titleFont: "Luminari", baseFontSize: "0.9rem",titleFontSize: "1.2rem",imgFilter: "brightness(0) saturate(100%) invert(93%) sepia(46%) saturate(354%) hue-rotate(321deg) brightness(93%) contrast(87%)"},
ww2: { primaryFont: "SairaStencilOne", secondaryFont: "SairaStencilOne", titleFont: "Armalite", imgFilter: "brightness(0) saturate(100%) invert(95%) sepia(9%) saturate(1471%) hue-rotate(342deg) brightness(103%) contrast(107%)"}, ww2: { primaryFont: "SairaStencilOne", secondaryFont: "SairaStencilOne", titleFont: "Armalite", baseFontSize: "0.9rem",titleFontSize: "1.2rem",imgFilter: "filter: invert(44%) sepia(8%) saturate(2657%) hue-rotate(40deg) brightness(96%) contrast(75%)"},
ww1: { primaryFont: "CarterOne", secondaryFont: "CarterOne", titleFont: "SigmarOne", imgFilter: "brightness(0) saturate(100%) invert(90%) sepia(38%) saturate(341%) hue-rotate(21deg) brightness(105%) contrast(105%)"}, ww1: { primaryFont: "CarterOne", secondaryFont: "CarterOne", titleFont: "SigmarOne", baseFontSize: "0.9rem",titleFontSize: "1.1rem",imgFilter: "invert(28%) sepia(27%) saturate(475%) hue-rotate(76deg) brightness(95%) contrast(93%)"},
ageofsail: { primaryFont: "Tangerine", secondaryFont: "Tangerine", titleFont: "P22Operina", imgFilter: "brightness(0) saturate(100%) invert(43%) sepia(74%) saturate(3154%) hue-rotate(336deg) brightness(95%) contrast(83%)" }, ageofsail: { primaryFont: "SailRegular", secondaryFont: "SailRegular", titleFont: "P22Operina", baseFontSize: "1.1rem",titleFontSize: "1.2rem",imgFilter: "brightness(0) saturate(100%) invert(43%) sepia(74%) saturate(3154%) hue-rotate(336deg) brightness(95%) contrast(83%)" },
classical: { primaryFont: "SpectralSC", secondaryFont: "SpectralSC", titleFont: "TrajanPro", imgFilter: "brightness(0) saturate(100%) invert(52%) sepia(32%) saturate(7492%) hue-rotate(265deg) brightness(89%) contrast(95%)" }, classical: { primaryFont: "ChantelliAntiqua", secondaryFont: "ChantelliAntiqua", titleFont: "TrajanPro", baseFontSize: "0.9rem",titleFontSize: "1.1rem",imgFilter: "brightness(0) saturate(100%) invert(52%) sepia(32%) saturate(7492%) hue-rotate(265deg) brightness(89%) contrast(95%)" },
postapo: { primaryFont: "Teko", secondaryFont: "Teko", titleFont: "Teko", imgFilter: "brightness(0) saturate(100%) invert(44%) sepia(55%) saturate(2341%) hue-rotate(329deg) brightness(122%) contrast(103%))" } postapo: { primaryFont: "Teko", secondaryFont: "Teko", titleFont: "Teko", baseFontSize: "1.25rem",titleFontSize: "1.5rem",imgFilter: "brightness(0) saturate(100%) invert(44%) sepia(55%) saturate(2341%) hue-rotate(329deg) brightness(122%) contrast(103%))" }
} }
export const RESOURCE_RATING = { export const RESOURCE_RATING = {
module/utils.mjs
+3
View File
@@ -183,6 +183,9 @@ export default class CthulhuEternalUtils {
let eraCSS = SYSTEM.ERA_CSS[era]; let eraCSS = SYSTEM.ERA_CSS[era];
if (!eraCSS) eraCSS = SYSTEM.ERA_CSS["jazz"]; if (!eraCSS) eraCSS = SYSTEM.ERA_CSS["jazz"];
document.documentElement.style.setProperty('--font-size-standard', eraCSS.baseFontSize);
document.documentElement.style.setProperty('--font-size-title', eraCSS.titleFontSize);
document.documentElement.style.setProperty('--font-size-result', eraCSS.titleFontSize);
document.documentElement.style.setProperty('--font-primary', eraCSS.primaryFont); document.documentElement.style.setProperty('--font-primary', eraCSS.primaryFont);
document.documentElement.style.setProperty('--font-secondary', eraCSS.secondaryFont); document.documentElement.style.setProperty('--font-secondary', eraCSS.secondaryFont);
document.documentElement.style.setProperty('--font-title', eraCSS.titleFont); document.documentElement.style.setProperty('--font-title', eraCSS.titleFont);
packs-system/skills/000086.log → packs-system/skills/000094.log
View File
packs-system/skills/CURRENT
+1 -1
View File
@@ -1 +1 @@
MANIFEST-000084 MANIFEST-000092
packs-system/skills/LOG
+8 -8
View File
@@ -1,8 +1,8 @@
2025/01/25-23:38:01.483628 7f697affd6c0 Recovering log #82 2025/01/28-13:40:46.388286 7fc73affd6c0 Recovering log #90
2025/01/25-23:38:01.565944 7f697affd6c0 Delete type=3 #80 2025/01/28-13:40:46.486338 7fc73affd6c0 Delete type=3 #88
2025/01/25-23:38:01.566056 7f697affd6c0 Delete type=0 #82 2025/01/28-13:40:46.486413 7fc73affd6c0 Delete type=0 #90
2025/01/25-23:38:27.567283 7f6978bff6c0 Level-0 table #87: started 2025/01/28-14:21:23.579080 7fc738ff96c0 Level-0 table #95: started
2025/01/25-23:38:27.567329 7f6978bff6c0 Level-0 table #87: 0 bytes OK 2025/01/28-14:21:23.579113 7fc738ff96c0 Level-0 table #95: 0 bytes OK
2025/01/25-23:38:27.603765 7f6978bff6c0 Delete type=0 #85 2025/01/28-14:21:23.585685 7fc738ff96c0 Delete type=0 #93
2025/01/25-23:38:27.603942 7f6978bff6c0 Manual compaction at level-0 from '!folders!DD8331Hda4rhvEf9' @ 72057594037927935 : 1 .. '!items!zplzTG30QXHURusr' @ 0 : 0; will stop at (end) 2025/01/28-14:21:23.595091 7fc738ff96c0 Manual compaction at level-0 from '!folders!DD8331Hda4rhvEf9' @ 72057594037927935 : 1 .. '!items!zplzTG30QXHURusr' @ 0 : 0; will stop at (end)
2025/01/25-23:38:27.603970 7f6978bff6c0 Manual compaction at level-1 from '!folders!DD8331Hda4rhvEf9' @ 72057594037927935 : 1 .. '!items!zplzTG30QXHURusr' @ 0 : 0; will stop at (end) 2025/01/28-14:21:23.607394 7fc738ff96c0 Manual compaction at level-1 from '!folders!DD8331Hda4rhvEf9' @ 72057594037927935 : 1 .. '!items!zplzTG30QXHURusr' @ 0 : 0; will stop at (end)
packs-system/skills/LOG.old
+8 -8
View File
@@ -1,8 +1,8 @@
2025/01/25-22:28:57.018441 7f6979ffb6c0 Recovering log #78 2025/01/28-11:42:23.420912 7fc7397fa6c0 Recovering log #86
2025/01/25-22:28:57.029884 7f6979ffb6c0 Delete type=3 #76 2025/01/28-11:42:23.492812 7fc7397fa6c0 Delete type=3 #84
2025/01/25-22:28:57.029953 7f6979ffb6c0 Delete type=0 #78 2025/01/28-11:42:23.492907 7fc7397fa6c0 Delete type=0 #86
2025/01/25-22:30:43.193855 7f6978bff6c0 Level-0 table #83: started 2025/01/28-11:56:09.681552 7fc738ff96c0 Level-0 table #91: started
2025/01/25-22:30:43.193891 7f6978bff6c0 Level-0 table #83: 0 bytes OK 2025/01/28-11:56:09.681584 7fc738ff96c0 Level-0 table #91: 0 bytes OK
2025/01/25-22:30:43.200857 7f6978bff6c0 Delete type=0 #81 2025/01/28-11:56:09.688279 7fc738ff96c0 Delete type=0 #89
2025/01/25-22:30:43.201068 7f6978bff6c0 Manual compaction at level-0 from '!folders!DD8331Hda4rhvEf9' @ 72057594037927935 : 1 .. '!items!zplzTG30QXHURusr' @ 0 : 0; will stop at (end) 2025/01/28-11:56:09.688435 7fc738ff96c0 Manual compaction at level-0 from '!folders!DD8331Hda4rhvEf9' @ 72057594037927935 : 1 .. '!items!zplzTG30QXHURusr' @ 0 : 0; will stop at (end)
2025/01/25-22:30:43.201103 7f6978bff6c0 Manual compaction at level-1 from '!folders!DD8331Hda4rhvEf9' @ 72057594037927935 : 1 .. '!items!zplzTG30QXHURusr' @ 0 : 0; will stop at (end) 2025/01/28-11:56:09.699103 7fc738ff96c0 Manual compaction at level-1 from '!folders!DD8331Hda4rhvEf9' @ 72057594037927935 : 1 .. '!items!zplzTG30QXHURusr' @ 0 : 0; will stop at (end)
packs-system/skills/MANIFEST-000084
BIN
View File
Binary file not shown.
packs-system/skills/MANIFEST-000092
BIN
View File
Binary file not shown.
styles/fonts.less
+11 -1
View File
@@ -44,9 +44,19 @@
src: url("../assets/fonts/Volkhov-Regular.ttf") format("truetype"); src: url("../assets/fonts/Volkhov-Regular.ttf") format("truetype");
} }
@font-face {
font-family: "ChantelliAntiqua";
src: url("../assets/fonts/Chantelli_Antiqua.ttf") format("truetype");
}
@font-face { @font-face {
font-family: "IMFell"; font-family: "IMFell";
src: url("../assets/fonts/IMFell.ttf") format("truetype"); src: url("../assets/fonts/IMFeDPrm28P.ttf") format("truetype");
}
@font-face {
font-family: "SailRegular";
src: url("../assets/fonts/Sail-Regular.ttf") format("truetype");
} }
@font-face { @font-face {
styles/global.less
+2 -2
View File
@@ -1,13 +1,13 @@
:root { :root {
--font-size-standard: 0.9rem; --font-size-standard: 0.9rem;
--font-size-result: 1.4rem;
--background-image-base: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), --background-image-base: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
url("../assets/ui/jazz_background_main.webp"); url("../assets/ui/jazz_background_main.webp");
/*--background-image-base: url("../assets/ui/jazzage_background_main.webp");*/
--font-primary: "RozhaOne"; --font-primary: "RozhaOne";
--font-secondary: "RozhaOne"; --font-secondary: "RozhaOne";
--font-title: "Broadway"; --font-title: "Broadway";
--logo-standard: url("../assets/logos/reanimated-ce-logo.webp"); --logo-standard: url("../assets/logos/reanimated-ce-logo.webp");
--color-success: rgb(18, 233, 18); --color-success: rgb(15, 122, 15);
--color-failure: darkred; --color-failure: darkred;
--color-warning: darkorange; --color-warning: darkorange;
--color-critical-success: rgb(21, 39, 204); --color-critical-success: rgb(21, 39, 204);
styles/protagonist.less
+1 -1
View File
@@ -62,7 +62,7 @@
display: flex; display: flex;
input { input {
font-family: var(--font-title); font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.4); font-size: var(--font-size-title);
width: 400px; width: 400px;
} }
} }
styles/roll.less
+4 -4
View File
@@ -96,22 +96,22 @@
.result-success { .result-success {
color: var(--color-success); color: var(--color-success);
font-family: var(--font-title); font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2); font-size: var(--font-size-result);
} }
.result-critical-success { .result-critical-success {
color: var(--color-critical-success); color: var(--color-critical-success);
font-family: var(--font-title); font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2); font-size: var(--font-size-result);
} }
.result-failure { .result-failure {
color: var(--color-failure); color: var(--color-failure);
font-family: var(--font-title); font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2); font-size: var(--font-size-result);
} }
.result-critical-failure { .result-critical-failure {
color: var(--color-critical-failure); color: var(--color-critical-failure);
font-family: var(--font-title); font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2); font-size: var(--font-size-result);
} }
} }
.introText { .introText {