Skip to content

Commit

Permalink
1.9.9
Browse files Browse the repository at this point in the history
  • Loading branch information
Dorako committed Jan 10, 2023
1 parent 862f232 commit 5fd05e7
Show file tree
Hide file tree
Showing 24 changed files with 638 additions and 259 deletions.
10 changes: 10 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,13 @@
# 1.9.9

(New) Added styling for the Monarch module
(Fix) Fixed numerator of frequency skills being illegible on dark mode pc sheets
(Fix) Fixed description of rolltable messages being illegible on dark mode chat messages
(Refinement) Added a light background to rolltable images on dark mode chat message, to ensure good contrast
(Refinement) Update sidebar tab styling to leave more room for modules that add buttons
(New) Setting for dark-theme styling of Filepicker and Token Config
(Fix) Style incompatability with Filepicker+ now actually fixed

# 1.9.8

(Refinement) Make scrollbar track for effects panel invisible
Expand Down
7 changes: 7 additions & 0 deletions languages/en.json
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,13 @@
"dorako-ui.settings.loot-sheet-theme.choice.light": "Light",
"dorako-ui.settings.loot-sheet-theme.choice.dark": "Dark",

"dorako-ui.settings.app-sheet-theme.name": "App sheet theme",
"dorako-ui.settings.app-sheet-theme.hint": "Affects various misc. sheets like Filepicker and Token Config",
"dorako-ui.settings.app-sheet-theme.choice.default": "Default",
"dorako-ui.settings.app-sheet-theme.choice.light": "Light",
"dorako-ui.settings.app-sheet-theme.choice.dark": "Dark",


"dorako-ui.settings.familiar-sheet-theme.name": "Familiar sheet theme",
"dorako-ui.settings.familiar-sheet-theme.hint": "Affects familiar sheets",
"dorako-ui.settings.familiar-sheet-theme.choice.red": "Red",
Expand Down
4 changes: 2 additions & 2 deletions module.json
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
"flags": {}
}
],
"version": "1.9.8",
"version": "1.9.9",
"compatibility": {
"minimum": "10",
"verified": "10"
Expand Down Expand Up @@ -59,6 +59,6 @@
],
"styles": ["styles/fonts.css"],
"scripts": ["scripts/dorako-ui.js"],
"download": "https://github.com/Dorako/pf2e-dorako-ui/archive/refs/tags/v1.9.8.zip",
"download": "https://github.com/Dorako/pf2e-dorako-ui/archive/refs/tags/v1.9.9.zip",
"manifest": "https://github.com/Dorako/pf2e-dorako-ui/releases/latest/download/module.json"
}
21 changes: 0 additions & 21 deletions sass/_app-ui.scss
Original file line number Diff line number Diff line change
@@ -1,26 +1,5 @@
@import "mixins";

/* ----------------------------------------- */
/* Overwrite Foundry colors */
/* ----------------------------------------- */

:root {
--color-border-highlight: var(--tertiary);
--color-border-highlight-alt: var(--tertiary-dark);
--color-shadow-primary: var(--tertiary-dark);
--color-shadow-highlight: var(--tertiary);
}

::-webkit-scrollbar-thumb {
background: var(--tertiary);
border: 1px solid var(--gold-brown);
}

a:hover {
@include quick-transition;
}


/* ----------------------------------------- */
/* App UI */
/* ----------------------------------------- */
Expand Down
7 changes: 6 additions & 1 deletion sass/_mixins.scss
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,12 @@

@mixin quick-transition {
$transitionTime: 0.15s;
transition: text-shadow $transitionTime ease-in-out, background-color $transitionTime ease-in-out, border $transitionTime ease-in-out, color $transitionTime ease-in-out, box-shadow $transitionTime ease-in-out;
transition: text-shadow $transitionTime ease-in-out,
background-color $transitionTime ease-in-out,
border $transitionTime ease-in-out,
color $transitionTime ease-in-out,
box-shadow $transitionTime ease-in-out,
backdrop-filter $transitionTime ease-in-out;
}

@mixin gold-border {
Expand Down
10 changes: 8 additions & 2 deletions sass/_sidebar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@

&.collapsed {
border-radius: 3px;

#sidebar-tabs .item.active {
border: none;
}
Expand All @@ -49,12 +49,18 @@
margin: 0px;
margin-top: 1px;

> .collapse {
--sidebar-tab-width: 12px;
position: relative;
}

.item {
border: none;
margin: 2px;
margin: 2px 0px;

&.active {
@include gold-border;
margin: 2px 0px;
border-radius: 3px;
text-shadow: 0px 0px 3px black;
color: white;
Expand Down
122 changes: 122 additions & 0 deletions sass/dark-theme.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,122 @@
@import "mixins";

.window-app.dark-theme {
// ::placeholder {
// color: var(--color-text-light-heading);
// }

.window-content {
@include sheet;
background-image: var(--sheet-dark);
color: var(--color-text-light-heading);
}

&#module-management {
.package-list .package-title, .package-list .package-metadata, .package-list .package-description {
color: var(--color-text-light-highlight);
}
}

button {
@include glass;
@include quick-transition;
text-shadow: 0 0 3px black;

&:hover {
background-color: var(--primary);
color: var(--color-text-light-highlight);
}

&.privacy {
background-color: #2e0587;
&:hover {
color: var(--color-text-light-heading);
background-color: #440eb9;
}
}
}

.private {
button.privacy {
color: var(--color-text-light-highlight);
background-color: #440eb9;
}
}

input[type="text"],
input[type="number"] {
@include glass;
padding-left: 5px;

&:disabled {
background-color: rgba(0,0,0, 0.8);
}
}
&.token-sheet .form-group.children-disabled .range-value,
input[type="range"] + .range-value {
@include glass;
background-color: rgba(0,0,0, 0.8);
color: var(--color-text-light-heading);
}

input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="time"], input[type="search"], input[type="checkbox"], input[type="radio"] {
color: var(--color-text-light-highlight);
accent-color: var(--tertiary);

&:checked {
accent-color: var(--tertiary);
filter: none;
}
}

select {
@include glass;
color: var(--color-text-light-highlight);
}

input[type="color"][data-edit] {
border: none;
}

&.token-sheet .tab.active[data-tab=appearance] fieldset>legend {
color: var(--color-text-light-highlight);
}

&.app.token-sheet .tab.active[data-tab=appearance] fieldset {
border: 1px solid var(--tertiary);
border-radius: 5px;
}

&.sheet nav.sheet-tabs {
border-top: 1px solid var(--tertiary);;
border-bottom: 1px solid var(--tertiary);;
}

form .form-group.slim .form-fields > label,
form .form-group span.units,
form .notes, form .hint {
color: var(--color-text-dark-6);
}

&.filepicker .private .directory,
&.filepicker .public .private.dir {
background: rgba(115, 49, 255, 0.15);
}

&.filepicker .display-modes a {
@include glass;
color: var(--color-text-light-highlight);
text-shadow: 0 0 3px black;

&:hover {
background: var(--primary);
color: var(--color-text-light-highlight);
}

&.active {
background: var(--primary);
color: var(--color-text-light-highlight);
text-shadow: 0 0 3px black;
}
}
}
65 changes: 62 additions & 3 deletions sass/module-support.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,63 @@
@import "colors";
@import "mixins";

/* ----------------------------------------- */
/* Monarch */
/* ----------------------------------------- */

.window-app.monarch .window-content {
box-shadow: none;
background: none;
}

.window-app.monarch-hand:not(.minimized).no-fade.trans,
.window-app.monarch-hand:not(.minimized):hover.trans {
@include glass;
backdrop-filter: blur(5px);
}

.window-app.monarch-hand .window-header,
.monarch-hand footer.sheet-footer {
@include glass;
}

.monarch .card-hud .controls a i {
color: var(--color-text-light-heading);
}

.monarch input[type=text], .monarch input[type=number], .monarch input[type=password], .monarch input[type=date], .monarch input[type=time] {
border: none;
outline: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 2px;
color: var(--color-text-light-heading);
}

.monarch-hand footer.sheet-footer {
margin: 2px 10px;

button {
@include glass;
@include quick-transition;
color: var(--color-text-light-heading);
text-shadow: 0px 0px 3px black;

&:hover {
color: var(--color-text-light-highlight);
background-color: var(--primary);
}
}
}

.monarch .card-hud .badge,
.monarch .card-hud .card-controls {
@include glass;
}

.monarch-hand .tooltip {
@include glass;
backdrop-filter: blur(5px);
}

/* ----------------------------------------- */
/* DF Chat Enhancements */
/* ----------------------------------------- */
Expand Down Expand Up @@ -125,9 +182,11 @@ div#scrollToBottom {
/* ----------------------------------------- */
/* Ripper's Filepicker+ */
/* ----------------------------------------- */
:root {
--filepickerplus-text-color: var(--color-text-dark-primary);
--filepickerplus-background-color: var(--bg);

.filepicker-plus-tooltip {
@include glass;
border: none;
backdrop-filter: blur(5px);
}

/* ----------------------------------------- */
Expand Down
15 changes: 15 additions & 0 deletions sass/new-dark-chat.scss
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,21 @@
}
}

.table-draw {
.table-description {
color: var(--color-text-light-highlight);
border-top: 1px solid var(--tertiary);
}
.table-results .table-result img.result-image {
@include sheet;
object-fit: contain;
border-radius: 3px;
margin-right: 5px;
}
}

.chat-message .table-draw

.pf2e.chat-card .card-buttons {
margin: 0px;
margin-top: 5px;
Expand Down
Loading

0 comments on commit 5fd05e7

Please sign in to comment.