Skip to content

Commit 861e660

Browse files
aMediocreDadaMediocreDad
committed
refactor: ♻️ Remove styles affecting Foundry GUI
1 parent 19dd1f6 commit 861e660

19 files changed

+283
-813
lines changed

Diff for: ‎.changeset/sour-apricots-tan.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"forbidden-lands": minor
3+
---
4+
5+
Greatly reducing the amount of styling that the system does to foundry. Foundry is in the process of implementing themes, and application v2. The maintenance cost of overriding native UI is too high to be worth it.

Diff for: ‎src/changelog/_index.scss

+6-5
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
.app.fbl.changelog {
22
.dialog-content {
3-
font-family: var(--font-editor);
3+
font-family: var(--font-alternative);
44
padding-inline: 16px;
55
line-height: 165%;
66
}
77

88
h1,
99
h2,
1010
h3 {
11-
font-family: var(--font-subheader);
11+
font-family: var(--font-header-sc);
1212
border: none;
1313
}
1414

@@ -31,13 +31,14 @@
3131
details {
3232
margin-bottom: 8px;
3333

34-
summary > i {
34+
summary>i {
3535
transition: transform 0.2s ease-in-out;
3636
}
3737

3838
&[open] summary {
3939
margin-bottom: 20px;
40-
& > i {
40+
41+
&>i {
4142
transform: rotate(90deg);
4243
}
4344
}
@@ -60,4 +61,4 @@
6061
content: none;
6162
}
6263
}
63-
}
64+
}

Diff for: ‎src/journal/styles/_journal.scss

+1-46
Original file line numberDiff line numberDiff line change
@@ -4,52 +4,12 @@
44
/* Overrides */
55
/* ------------------------------------ */
66

7-
// Background of the journal entry page
8-
.sheet.journal-entry .journal-entry-content {
9-
background: var(--color-background);
10-
border: unset;
11-
border-radius: unset;
12-
}
13-
14-
// Sidebar
15-
.sheet.journal-entry {
16-
.journal-sidebar {
17-
color: var(--color-text-dark-primary);
18-
19-
.header-search input {
20-
background-color: #eeed;
21-
}
22-
}
23-
}
24-
257
// Force proper height
268
.app.sheet .editor {
279
min-height: 55px;
2810
height: 100%;
2911
}
3012

31-
// Edit button
32-
.editor:focus,
33-
.editor:hover,
34-
.journal-entry-page.text:focus .edit-container,
35-
.journal-entry-page.text:hover .edit-container {
36-
.editor-edit {
37-
background: #cccd;
38-
border: none;
39-
box-shadow: 0 0 3px #1119;
40-
right: 10px;
41-
width: 24px;
42-
height: 24px;
43-
display: grid;
44-
place-content: center;
45-
z-index: 100;
46-
47-
i {
48-
font-size: var(--font-size-16);
49-
}
50-
}
51-
}
52-
5313
/* ------------------------------------ */
5414
/* Header */
5515
/* ------------------------------------ */
@@ -91,11 +51,6 @@
9151
}
9252
}
9353

94-
// Remove header if book-type
95-
.fbl-book .journal-header {
96-
display: none;
97-
}
98-
9954
/* ------------------------------------ */
10055
/* Content */
10156
/* ------------------------------------ */
@@ -138,7 +93,7 @@
13893

13994
// Page Content
14095
:where(.journal-page-content, .editor-content) {
141-
font-family: var(--font-editor);
96+
font-family: var(--font-alternative);
14297
line-height: 1.75;
14398
font-size: var(--font-size-16);
14499

Diff for: ‎src/legacy-styles/components/_chat.scss

+21-7
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
.forbidden-lands.chat-item {
22
background: var(--color-background);
33
border-radius: 3px;
4-
color: var(--color-foreground);
5-
font-family: var(--font-table);
4+
color: var(--color-theme-text);
5+
font-family: var(--font-body);
66
font-size: var(--font-size-12);
77
line-height: 16px;
88
padding: 8px;
@@ -15,37 +15,44 @@
1515
.forbidden-lands.chat-item .border {
1616
padding: 8px;
1717
}
18+
1819
.forbidden-lands.chat-item .link-header {
1920
text-align: center;
2021
}
22+
2123
.forbidden-lands.chat-item strong {
2224
text-transform: uppercase;
2325
}
26+
2427
.forbidden-lands.chat-item h3 {
25-
font-family: var(--font-subheader);
28+
font-family: var(--font-header-sc);
2629
font-size: var(--font-size-14);
2730
font-weight: bold;
2831
margin: 0 0 8px;
2932
text-align: center;
3033
}
34+
3135
.forbidden-lands.chat-item h4 {
32-
font-family: var(--font-special);
36+
font-family: var(--font-alternative);
3337
font-size: var(--font-size-14);
3438
font-weight: bold;
3539
margin: 0 0 8px;
3640
text-align: center;
3741
}
38-
.forbidden-lands.chat-item h3 + h4 {
42+
43+
.forbidden-lands.chat-item h3+h4 {
3944
margin-top: -8px;
4045
}
46+
4147
.forbidden-lands.chat-item img {
42-
background: radial-gradient(closest-side, var(--color-highlight) 0%, white 100%);
48+
background: radial-gradient(circle, rgba(0, 0, 0, 0.5) -20%, rgba(0, 0, 0, 0.1) 40%, transparent 60%);
4349
border: 0;
4450
display: block;
4551
margin: 0 auto 8px;
4652
max-height: 64px;
4753
width: auto;
4854
}
55+
4956
.forbidden-lands.chat-item p {
5057
margin: 0 0 4px;
5158
}
@@ -57,27 +64,33 @@
5764
line-height: 18px;
5865
}
5966
}
67+
6068
h3 {
6169
font-family: "IM Fell DW Pica SC";
6270
}
71+
6372
h4 {
6473
font-family: "IM Fell DW Pica";
6574
}
6675
}
76+
6777
&.item {
6878
.header {
6979
border: 10px solid transparent;
7080
border-image: url(./assets/journal-art/small-border.webp) 100/10px repeat;
81+
7182
.header-stats {
7283
.bonus {
7384
grid-gap: 5px;
85+
7486
i {
7587
vertical-align: unset;
7688
}
7789
}
7890
}
7991
}
8092
}
93+
8194
.border {
8295
border: none;
8396
}
@@ -91,8 +104,9 @@
91104
.forbidden-lands.chat-item .border {
92105
padding: 0 4px;
93106
}
107+
94108
.message-content {
95109
.entity-link {
96110
border: none;
97111
}
98-
}
112+
}

Diff for: ‎src/legacy-styles/components/_dialog.scss

+9-6
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@
6363

6464
.legend {
6565
font-weight: bold;
66-
font-family: var(--font-subheader);
66+
font-family: var(--font-header-sc);
6767
}
6868

6969
.modifiers {
@@ -102,13 +102,13 @@
102102
&:hover,
103103
&:focus {
104104
box-shadow: none;
105-
border: 2px groove var(--color-highlight);
106-
background: var(--color-highlight);
105+
border: 2px groove var(--color-theme-alt-600);
106+
background: var(--color-theme-alt-600);
107107
}
108108

109109
&:active {
110110
box-shadow: none;
111-
border: 2px ridge var(--color-highlight);
111+
border: 2px ridge var(--color-theme-alt-900);
112112
}
113113
}
114114
}
@@ -118,7 +118,7 @@
118118
}
119119

120120
.display-numbers {
121-
font-family: var(--font-subheader);
121+
font-family: var(--font-header-sc);
122122
font-size: var(--font-size-48);
123123
line-height: var(--font-size-48);
124124
}
@@ -160,6 +160,7 @@
160160
width: 77%;
161161
margin: 0 auto;
162162
}
163+
163164
h2::after {
164165
background: url(./assets/journal-art/endstop.webp) center no-repeat;
165166
content: "";
@@ -169,6 +170,7 @@
169170
background-size: 100%;
170171
margin: 0 auto;
171172
}
173+
172174
span[contenteditable="true"]:focus-visible {
173175
outline-color: black;
174176
outline-offset: 4px;
@@ -181,11 +183,12 @@
181183
justify-content: center;
182184
padding: 0;
183185
margin-top: 5px;
186+
184187
a i {
185188
font-size: 25px;
186189
}
187190

188191
input {
189192
margin: 0 5px !important;
190193
}
191-
}
194+
}

Diff for: ‎src/legacy-styles/components/_roll-items.scss

+5-4
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
}
66

77
.chat-message .message-content .dice-roll {
8-
font-family: var(--font-table);
8+
font-family: var(--font-body);
99
background: var(--color-theme-gray-200);
1010
color: var(--color-theme-gray-800);
1111
border-radius: 4px;
@@ -22,7 +22,7 @@
2222
background: none;
2323
box-shadow: none;
2424
border: none;
25-
font-family: var(--font-subheader);
25+
font-family: var(--font-header-sc);
2626
font-size: var(--font-size-16);
2727
font-weight: 600;
2828
}
@@ -118,7 +118,7 @@
118118
.dice-infos {
119119
.dice-info {
120120
text-align: center;
121-
font-family: var(--font-special);
121+
font-family: var(--font-alternative);
122122
font-size: var(--font-size-16);
123123
font-weight: 600;
124124
color: #444;
@@ -127,6 +127,7 @@
127127
padding-bottom: 8px;
128128
}
129129
}
130+
130131
.result {
131132
font-size: var(--font-size-18);
132133
}
@@ -166,4 +167,4 @@
166167
.dice-buttons {
167168
display: flex;
168169
gap: 8px;
169-
}
170+
}

Diff for: ‎src/legacy-styles/components/_util-classes.scss

+3-3
Original file line numberDiff line numberDiff line change
@@ -36,8 +36,8 @@
3636

3737
&:hover,
3838
&:focus {
39-
box-shadow: 0 0 5px #a00404;
40-
border: 2px solid #a00404;
39+
box-shadow: 0 0 5px var(--color-theme-accent);
40+
border: 2px solid var(--color-theme-accent);
4141
}
4242

4343
&:active {
@@ -51,4 +51,4 @@
5151
text-align: center;
5252
font-style: italic;
5353
font-weight: bold;
54-
}
54+
}

0 commit comments

Comments
 (0)