diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml index 41939fc..40d4323 100644 --- a/.github/workflows/main.yml +++ b/.github/workflows/main.yml @@ -28,7 +28,7 @@ jobs: download: https://github.com/${{github.repository}}/releases/download/${{github.event.release.tag_name}}/module.zip # Create a zip file with all files required by the module to add to the release - - run: zip -r ./module.zip module.json CHANGELOG.md README.md LICENSE styles/ templates/ languages/ modules/ img/ + - run: zip -r ./module.zip module.json CHANGELOG.md README.md LICENSE styles/ templates/ languages/ modules/ img/ fonts/ # Create a release for this specific version - name: Update Release with Files @@ -51,7 +51,7 @@ jobs: run: npx @ghost-fvtt/foundry-publish env: FVTT_MANIFEST_PATH: "module.json" - FVTT_PACKAGE_ID: 2350 + FVTT_PACKAGE_ID: 1906 FVTT_USERNAME: ${{ secrets.FOUNDRY_ADMIN_USERNAME }} FVTT_PASSWORD: ${{ secrets.FOUNDRY_ADMIN_PASSWORD }} FVTT_MANIFEST_URL: https://github.com/${{github.repository}}/releases/download/${{github.event.release.tag_name}}/module.json diff --git a/CHANGELOG.md b/CHANGELOG.md index ed43254..8e788fc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,7 @@ +# 1.11.5 + +- (Maintenance) Re-organize sass files, update release flow + # 1.11.4 - (Fix) Fix Adventure Importers with fancy frames getting overwritten. The logic that was formerly used for only Journals is now applied to all windows. diff --git a/dorako.ui.css b/dorako.ui.css new file mode 100644 index 0000000..b880bd0 --- /dev/null +++ b/dorako.ui.css @@ -0,0 +1,19 @@ +/* Error: Undefined mixin. + * , + * 11 | @include glass; + * | ^^^^^^^^^^^^^^ + * ' + * sass/foundry/_app-ui.scss 11:3 @use + * sass/foundry/_index.scss 1:1 @use + * sass/dorako-ui.scss 2:1 root stylesheet */ + +body::before { + font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono", + "Droid Sans Mono", monospace, monospace; + white-space: pre; + display: block; + padding: 1em; + margin-bottom: 1em; + border-bottom: 2px solid black; + content: "Error: Undefined mixin.\a \2577 \a 11 \2502 @include glass;\a \2502 ^^^^^^^^^^^^^^\a \2575 \a sass/foundry/_app-ui.scss 11:3 @use\a sass/foundry/_index.scss 1:1 @use\a sass/dorako-ui.scss 2:1 root stylesheet"; +} diff --git a/img/background-dark.webp b/img/background-dark.webp deleted file mode 100644 index f602fed..0000000 Binary files a/img/background-dark.webp and /dev/null differ diff --git a/img/background-dark2.webp b/img/background-dark2.webp deleted file mode 100644 index dd37c02..0000000 Binary files a/img/background-dark2.webp and /dev/null differ diff --git a/img/background-dark3.webp b/img/background-dark3.webp deleted file mode 100644 index 2795b24..0000000 Binary files a/img/background-dark3.webp and /dev/null differ diff --git a/module.json b/module.json index 12f4dba..1f74295 100644 --- a/module.json +++ b/module.json @@ -57,7 +57,7 @@ "path": "languages/ja.json" } ], - "styles": ["styles/fonts.css"], + "styles": ["styles/fonts.css", "styles/dorako-ui.css"], "esmodules": [ "modules/misc-hooks.js", "modules/settings/settings.js", diff --git a/modules/base-theme-hooks.js b/modules/base-theme-hooks.js index f427414..b992c94 100644 --- a/modules/base-theme-hooks.js +++ b/modules/base-theme-hooks.js @@ -1,4 +1,4 @@ -import { baseThemeApplications, baseThemePf2eSheets, premiumModuleSelector } from "./consts.js"; +import { baseThemeApplications, baseThemePf2eSheets, MODULE_NAME, premiumModuleSelector } from "./consts.js"; // Debugging Hooks.on("renderApplication", (app, html, data) => { diff --git a/modules/consts.js b/modules/consts.js index b38e7db..33c605c 100644 --- a/modules/consts.js +++ b/modules/consts.js @@ -17,7 +17,7 @@ export const darkThemeIncompatibleApplications = ["JournalTextTinyMCESheetPF2e", export const exclusivelyDarkApplications = ["FABattlemaps", "FADownloader"] // prettier-ignore -export const baseThemeCoreFoundryApplications = ["ImagePopout","ChatMessage","SceneControls", "SidebarTab", "PlayerList", "HeadsUpDisplay", "Notifications", "TokenHUD", "Sidebar","SceneNavigation"]; +export const baseThemeCoreFoundryApplications = ["ImagePopout","SceneControls", "SidebarTab", "PlayerList", "HeadsUpDisplay", "Notifications", "TokenHUD", "Sidebar","SceneNavigation"]; // prettier-ignore export const baseThemePf2eApplications = ["HotbarPF2e", "EffectsPanel", "SceneDarknessAdjuster"]; // "JournalSheetPF2e", // prettier-ignore diff --git a/modules/dark-theme-hooks.js b/modules/dark-theme-hooks.js index 09d1cc4..cdcef40 100644 --- a/modules/dark-theme-hooks.js +++ b/modules/dark-theme-hooks.js @@ -3,6 +3,7 @@ import { exclusivelyDarkApplications, darkThemeCompatibleApplications, baseThemePf2eSheets, + MODULE_NAME, } from "./consts.js"; // Supported dark theme diff --git a/modules/message-hooks.js b/modules/message-hooks.js index 3a4c6f2..118f178 100644 --- a/modules/message-hooks.js +++ b/modules/message-hooks.js @@ -30,6 +30,7 @@ Hooks.on("renderChatMessage", (chatMessage, html, messageData) => { } let html0 = html[0]; + html0.classList.add("dorako-ui"); if (game.settings.get("pf2e-dorako-ui", "ux.restructure-card-info")) { let uuid = chatMessage?.flags?.pf2e?.origin?.uuid; diff --git a/modules/settings/settings.js b/modules/settings/settings.js index 001c687..228705b 100644 --- a/modules/settings/settings.js +++ b/modules/settings/settings.js @@ -80,12 +80,6 @@ Hooks.once("init", async () => { util.debug("registered settings"); - injectCSS("dorako-ui"); - injectCSS("reset"); - injectCSS("module-support"); - injectCSS("compact-ui"); - injectCSS("chat-bubbles"); - const root = document.querySelector(":root").style; root.setProperty("--avatar-size", game.settings.get("pf2e-dorako-ui", "avatar.size").toString() + "px"); diff --git a/sass/_hotbar.scss b/sass/_hotbar.scss deleted file mode 100644 index 7e31bbd..0000000 --- a/sass/_hotbar.scss +++ /dev/null @@ -1,93 +0,0 @@ -@import "mixins"; -/* ----------------------------------------- */ -/* Hotbar */ -/* ----------------------------------------- */ -#hotbar.dorako-ui { - .macro { - height: calc(var(--macro-size) + 2px); - width: calc(var(--macro-size) + 2px); - @include glass; - @include quick-transition; - box-shadow: none; - - &.inactive::before, - &.active::before { - @include quick-transition; - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: var(--glassy); - border-radius: 3px; - overflow: hidden; - pointer-events: none; - } - - &.active:hover::before { - @include quick-transition; - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy); - border-radius: 3px; - overflow: hidden; - pointer-events: none; - } - - .macro-key { - background: none; - right: 6px; - padding: 0px; - font-weight: initial; - text-shadow: 0px 1px 5px black, 0px 1px 5px black; - } - - .macro-icon { - border-radius: 3px; - border: none; - height: calc(var(--macro-size) + 2px); - width: calc(var(--macro-size) + 2px); - } - - &.inactive { - box-shadow: none; - } - - &:hover { - border: none; - background-color: var(--primary-light); - } - - &.active:hover { - border: none; - background-color: var(--primary-dark); - - } - } - - #macro-list { - gap: 5px; - margin: 0px 5px; - border: none; - grid-template-columns: repeat(10, calc(var(--macro-size) + 2px)); - } - - .bar-controls { - @include glass; - } -} - -@media (max-width: 1120px) { - #hotbar { - width: 354px; - height: 110px; - } - #hotbar #macro-list { - grid-template-columns: repeat(5, 50px); - } -} \ No newline at end of file diff --git a/sass/_navigation.scss b/sass/_navigation.scss deleted file mode 100644 index e8e05a0..0000000 --- a/sass/_navigation.scss +++ /dev/null @@ -1,69 +0,0 @@ -@import "mixins"; -/* ----------------------------------------- */ -/* Scene Navigation */ -/* ----------------------------------------- */ - -nav#navigation.dorako-ui { - color: var(--color-text-light-heading); - width: calc(100% - 46px); // Add some breathing room to ensure navigation isn't covering effect panel - - #nav-toggle { - @include glass; - transition: 0.25s; - flex: 0 0 32px; - height: 32px; - } - - - ol#scene-list { - li.nav-item { - @include glass; - transition: 0.25s; - text-shadow: 0px 0px 3px black; - - > a:hover { - text-shadow: unset; - } - - .scene-players { - text-shadow: none; - } - - &:hover { - color: var(--color-text-light-highlight); - background-color: var(--primary); - } - - &.view { - @include glass; - background-color: var(--primary); - color: var(--color-text-light-highlight); - - &:hover { - color: white; - background-color: var(--primary-light); - } - } - - &.gm { - @include glass; - background-color: var(--secondary-dark); - - &:hover, - &.view { - color: var(--color-text-light-highlight); - background-color: var(--secondary-light); - } - } - - &.context { - box-shadow: var(--glassy); - border: none; - } - - &.active { - box-shadow: var(--gold-and-glow), var(--glassy); - } - } - } -} diff --git a/sass/_notifications.scss b/sass/_notifications.scss deleted file mode 100644 index 817d958..0000000 --- a/sass/_notifications.scss +++ /dev/null @@ -1,31 +0,0 @@ -@import "mixins"; - -/* ----------------------------------------- */ -/* Notifications */ -/* ----------------------------------------- */ - -.dorako-ui { - .notification { - @include glass; - text-shadow: 0px 0px 3px black; - color: var(--color-text-light-highlight); - - &.info { - background-color: var(--secondary); - border: none; - } - - &.error { - background-color: var(--primary); - border: none; - } - - &.warning, - &.alert { - background-color: #ECBF41; - color: black; - text-shadow: none; - border: none; - } - } -} \ No newline at end of file diff --git a/sass/reset.scss b/sass/_reset.scss similarity index 100% rename from sass/reset.scss rename to sass/_reset.scss diff --git a/sass/_token-hud.scss b/sass/_token-hud.scss deleted file mode 100644 index fb57d21..0000000 --- a/sass/_token-hud.scss +++ /dev/null @@ -1,218 +0,0 @@ -@import "mixins"; - -#token-hud { - .status-effects { - background: none; - box-shadow: none; - border: none; - padding: 0px; - grid-template-columns: repeat(5, 1fr); - width: auto; - gap: 8px; - - .effect-control { - border: none; - margin: 0px; - padding: 0px; - background-color: var(--glass-bg); - - &::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: var(--glassy); - border-radius: 3px; - overflow: hidden; - pointer-events: none; - } - - &.active::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: var(--gold-and-glow), var(--glassy); - border-radius: 3px; - overflow: hidden; - pointer-events: none; - } - - &:hover::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy); - border-radius: 3px; - overflow: hidden; - pointer-events: none; - } - - &.active:hover::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: var(--gold-and-glow), var(--glassy); - border-radius: 3px; - overflow: hidden; - pointer-events: none; - } - } - - .effect-control { - &:hover, &.active { - filter: none; - opacity: 1; - border: none; - img { - border: none; - } - } - - &.active:hover { - border: none; - filter: brightness(0.75) saturate(0.75); - } - - &.active img { - border: none; - opacity: 1; - } - - img { - border: none; - margin: 0px; - opacity: 1; - height: auto; - width: auto; - border-radius: 3px; - } - - } - - .title-bar { - @include glass; - backdrop-filter: blur(5px); - box-sizing: content-box; - font-size: var(--font-size-20); - font-weight: normal; - left: 0; - line-height: normal; - padding: 3px 0; - position: absolute; - text-align: center; - top: -40px; - visibility: hidden; - width: 100%; - z-index: 1; - - &.active { - visibility: visible; - } - } - } - -} - - -.placeable-hud { - input[type="text"] { - @include glass; - text-shadow: 0px 0px 3px black; - &:focus { - box-shadow: var(--gold-and-glow), var(--glassy); - border: none; - } - } - - .control-icon { - @include glass; - @include quick-transition; - text-shadow: 0px 0px 3px black; - - .badge { - text-shadow: none; - } - - // These can become toggled on with a click, but not toggled off with a click - &[data-action=overhead], &[data-action=underfoot] { - background-color: var(--primary-dark); - - &:hover, &.active { - background-color: var(--primary-light); - > img { - filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); - } - - &:hover { - background-color: var(--primary-light); - } - } - } - - // These can be clicked, but do not become active - // 'trigger' is from Monk's Active Tiles - &[data-action=sort-up], &[data-action=sort-down], &[data-action=config], &[data-action=trigger] { - &:hover { - background-color: var(--primary); - > img { - filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black); - } - } - } - - // These are toggles, inactive -> active -> inactive - // 'active' is from Monk's Active Tiles - // 'mystify' is from Workbench - &[data-action=visibility], &[data-action=effects], &[data-action=combat], &[data-action=locked], &[data-action=target], &[data-action=active], &[data-action=mystify] { - background-color: var(--secondary-dark); - - &:hover, &.active { - background-color: var(--secondary-light); - > img { - filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); - } - } - } - - // Unknown HUD elements from modules etc. are treated as if they potentially could become active - // Since it is unknown whether they can de-activate via a click, active buttons should not darken on hover - &:hover { - background-color: var(--secondary); - color: var(--color-text-light-highlight); - } - - &.active { - color: var(--color-text-light-highlight); - background-color: var(--secondary-light); - border: none; - - // &:hover { - // background-color: var(--secondary-dark); - // color: white; - // > img { - // filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); - // } - // } - - > img { - filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); - } - } - - > img { - opacity: 1; - filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black); - } - } -} diff --git a/sass/chat-bubbles.scss b/sass/chat-bubbles.scss deleted file mode 100644 index afa3ec4..0000000 --- a/sass/chat-bubbles.scss +++ /dev/null @@ -1,26 +0,0 @@ -@import "mixins"; - -.chat-bubble { - @include sheet; -} -.chat-bubble .bubble-content { - position: relative; - top: 0; -} -.chat-bubble.left { - border-radius: 5px; -} -.chat-bubble.right { - border-radius: 5px; -} -.chat-bubble.emote { - @include sheet; - background-image: var(--sheet-dark); - color: var(--color-text-light-heading); - font-style: italic; -} -.chat-bubble.chatter { - @include glass; - border-radius: 5px; - color: var(--color-text-light-heading); -} \ No newline at end of file diff --git a/sass/dorako-ui.scss b/sass/dorako-ui.scss index 4ac925c..a1da6f7 100644 --- a/sass/dorako-ui.scss +++ b/sass/dorako-ui.scss @@ -1,3 +1,9 @@ -@import "app-ui", "colors", "combat", "controls", "effects-panel", "hotbar", "mixins", "navigation", "notifications", - "sidebar", "token-hud", "misc", "forms", "actor-sheet", "actor-sheet-dark", "messages", "messages-dark", - "application-dark", "globals-dark", "hazard-sheet", "familiar-sheet", "npc-sheet"; +@import "mixins"; +@import "foundry"; +@import "module"; +@import "pf2e"; +@import "colors"; +@import "messages"; +@import "messages-dark"; +@import "reset"; +@import "misc"; diff --git a/sass/_app-ui.scss b/sass/foundry/_app-ui.scss similarity index 99% rename from sass/_app-ui.scss rename to sass/foundry/_app-ui.scss index 839fc97..c1dee97 100644 --- a/sass/_app-ui.scss +++ b/sass/foundry/_app-ui.scss @@ -1,5 +1,3 @@ -@import "mixins"; - .dorako-ui .tox:not(.tox-tinymce-inline) .tox-editor-header { background: none; box-shadow: none; diff --git a/sass/_application-dark.scss b/sass/foundry/_application-dark.scss similarity index 99% rename from sass/_application-dark.scss rename to sass/foundry/_application-dark.scss index 8adbe76..03475d3 100644 --- a/sass/_application-dark.scss +++ b/sass/foundry/_application-dark.scss @@ -1,5 +1,3 @@ -@import "mixins"; - .dorako-ui.dark-theme #sidebar .settings-sidebar { button { @include glass; diff --git a/sass/foundry/_chat-bubbles.scss b/sass/foundry/_chat-bubbles.scss new file mode 100644 index 0000000..d2d9b2d --- /dev/null +++ b/sass/foundry/_chat-bubbles.scss @@ -0,0 +1,24 @@ +.chat-bubble { + @include sheet; +} +.chat-bubble .bubble-content { + position: relative; + top: 0; +} +.chat-bubble.left { + border-radius: 5px; +} +.chat-bubble.right { + border-radius: 5px; +} +.chat-bubble.emote { + @include sheet; + background-image: var(--sheet-dark); + color: var(--color-text-light-heading); + font-style: italic; +} +.chat-bubble.chatter { + @include glass; + border-radius: 5px; + color: var(--color-text-light-heading); +} diff --git a/sass/compact-ui.scss b/sass/foundry/_compact-ui.scss similarity index 100% rename from sass/compact-ui.scss rename to sass/foundry/_compact-ui.scss diff --git a/sass/_controls.scss b/sass/foundry/_controls.scss similarity index 98% rename from sass/_controls.scss rename to sass/foundry/_controls.scss index 3478425..fa06674 100644 --- a/sass/_controls.scss +++ b/sass/foundry/_controls.scss @@ -1,4 +1,3 @@ -@import "mixins"; /* ----------------------------------------- */ /* Controls */ /* ----------------------------------------- */ diff --git a/sass/_forms.scss b/sass/foundry/_forms.scss similarity index 96% rename from sass/_forms.scss rename to sass/foundry/_forms.scss index 46c8cee..56af9e6 100644 --- a/sass/_forms.scss +++ b/sass/foundry/_forms.scss @@ -1,3 +1,7 @@ +/* ----------------------------------------- */ +/* Forms */ +/* ----------------------------------------- */ + .dorako-ui.sheet nav.sheet-tabs { background-color: var(--bg); box-shadow: 0 2px 4px rgb(0 0 0 / 18%); diff --git a/sass/foundry/_hotbar.scss b/sass/foundry/_hotbar.scss new file mode 100644 index 0000000..66111dc --- /dev/null +++ b/sass/foundry/_hotbar.scss @@ -0,0 +1,92 @@ +/* ----------------------------------------- */ +/* Hotbar */ +/* ----------------------------------------- */ + +#hotbar.dorako-ui { + .macro { + height: calc(var(--macro-size) + 2px); + width: calc(var(--macro-size) + 2px); + @include glass; + @include quick-transition; + box-shadow: none; + + &.inactive::before, + &.active::before { + @include quick-transition; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: var(--glassy); + border-radius: 3px; + overflow: hidden; + pointer-events: none; + } + + &.active:hover::before { + @include quick-transition; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy); + border-radius: 3px; + overflow: hidden; + pointer-events: none; + } + + .macro-key { + background: none; + right: 6px; + padding: 0px; + font-weight: initial; + text-shadow: 0px 1px 5px black, 0px 1px 5px black; + } + + .macro-icon { + border-radius: 3px; + border: none; + height: calc(var(--macro-size) + 2px); + width: calc(var(--macro-size) + 2px); + } + + &.inactive { + box-shadow: none; + } + + &:hover { + border: none; + background-color: var(--primary-light); + } + + &.active:hover { + border: none; + background-color: var(--primary-dark); + } + } + + #macro-list { + gap: 5px; + margin: 0px 5px; + border: none; + grid-template-columns: repeat(10, calc(var(--macro-size) + 2px)); + } + + .bar-controls { + @include glass; + } +} + +@media (max-width: 1120px) { + #hotbar { + width: 354px; + height: 110px; + } + #hotbar #macro-list { + grid-template-columns: repeat(5, 50px); + } +} diff --git a/sass/foundry/_index.scss b/sass/foundry/_index.scss new file mode 100644 index 0000000..c3241c1 --- /dev/null +++ b/sass/foundry/_index.scss @@ -0,0 +1,11 @@ +@import "app-ui"; +@import "application-dark"; +@import "chat-bubbles"; +@import "compact-ui"; +@import "controls"; +@import "forms"; +@import "hotbar"; +@import "navigation"; +@import "notifications"; +@import "sidebar"; +@import "token-hud"; diff --git a/sass/foundry/_navigation.scss b/sass/foundry/_navigation.scss new file mode 100644 index 0000000..ebd7307 --- /dev/null +++ b/sass/foundry/_navigation.scss @@ -0,0 +1,67 @@ +/* ----------------------------------------- */ +/* Scene Navigation */ +/* ----------------------------------------- */ + +nav#navigation.dorako-ui { + color: var(--color-text-light-heading); + width: calc(100% - 46px); // Add some breathing room to ensure navigation isn't covering effect panel + + #nav-toggle { + @include glass; + transition: 0.25s; + flex: 0 0 32px; + height: 32px; + } + + ol#scene-list { + li.nav-item { + @include glass; + transition: 0.25s; + text-shadow: 0px 0px 3px black; + + > a:hover { + text-shadow: unset; + } + + .scene-players { + text-shadow: none; + } + + &:hover { + color: var(--color-text-light-highlight); + background-color: var(--primary); + } + + &.view { + @include glass; + background-color: var(--primary); + color: var(--color-text-light-highlight); + + &:hover { + color: white; + background-color: var(--primary-light); + } + } + + &.gm { + @include glass; + background-color: var(--secondary-dark); + + &:hover, + &.view { + color: var(--color-text-light-highlight); + background-color: var(--secondary-light); + } + } + + &.context { + box-shadow: var(--glassy); + border: none; + } + + &.active { + box-shadow: var(--gold-and-glow), var(--glassy); + } + } + } +} diff --git a/sass/foundry/_notifications.scss b/sass/foundry/_notifications.scss new file mode 100644 index 0000000..667737f --- /dev/null +++ b/sass/foundry/_notifications.scss @@ -0,0 +1,29 @@ +/* ----------------------------------------- */ +/* Notifications */ +/* ----------------------------------------- */ + +.dorako-ui { + .notification { + @include glass; + text-shadow: 0px 0px 3px black; + color: var(--color-text-light-highlight); + + &.info { + background-color: var(--secondary); + border: none; + } + + &.error { + background-color: var(--primary); + border: none; + } + + &.warning, + &.alert { + background-color: #ecbf41; + color: black; + text-shadow: none; + border: none; + } + } +} diff --git a/sass/_sidebar.scss b/sass/foundry/_sidebar.scss similarity index 100% rename from sass/_sidebar.scss rename to sass/foundry/_sidebar.scss diff --git a/sass/foundry/_token-hud.scss b/sass/foundry/_token-hud.scss new file mode 100644 index 0000000..69c7f73 --- /dev/null +++ b/sass/foundry/_token-hud.scss @@ -0,0 +1,226 @@ +#token-hud { + .status-effects { + background: none; + box-shadow: none; + border: none; + padding: 0px; + grid-template-columns: repeat(5, 1fr); + width: auto; + gap: 8px; + + .effect-control { + border: none; + margin: 0px; + padding: 0px; + background-color: var(--glass-bg); + + &::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: var(--glassy); + border-radius: 3px; + overflow: hidden; + pointer-events: none; + } + + &.active::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: var(--gold-and-glow), var(--glassy); + border-radius: 3px; + overflow: hidden; + pointer-events: none; + } + + &:hover::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy); + border-radius: 3px; + overflow: hidden; + pointer-events: none; + } + + &.active:hover::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: var(--gold-and-glow), var(--glassy); + border-radius: 3px; + overflow: hidden; + pointer-events: none; + } + } + + .effect-control { + &:hover, + &.active { + filter: none; + opacity: 1; + border: none; + img { + border: none; + } + } + + &.active:hover { + border: none; + filter: brightness(0.75) saturate(0.75); + } + + &.active img { + border: none; + opacity: 1; + } + + img { + border: none; + margin: 0px; + opacity: 1; + height: auto; + width: auto; + border-radius: 3px; + } + } + + .title-bar { + @include glass; + backdrop-filter: blur(5px); + box-sizing: content-box; + font-size: var(--font-size-20); + font-weight: normal; + left: 0; + line-height: normal; + padding: 3px 0; + position: absolute; + text-align: center; + top: -40px; + visibility: hidden; + width: 100%; + z-index: 1; + + &.active { + visibility: visible; + } + } + } +} + +.placeable-hud { + input[type="text"] { + @include glass; + text-shadow: 0px 0px 3px black; + &:focus { + box-shadow: var(--gold-and-glow), var(--glassy); + border: none; + } + } + + .control-icon { + @include glass; + @include quick-transition; + text-shadow: 0px 0px 3px black; + + .badge { + text-shadow: none; + } + + // These can become toggled on with a click, but not toggled off with a click + &[data-action="overhead"], + &[data-action="underfoot"] { + background-color: var(--primary-dark); + + &:hover, + &.active { + background-color: var(--primary-light); + > img { + filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); + } + + &:hover { + background-color: var(--primary-light); + } + } + } + + // These can be clicked, but do not become active + // 'trigger' is from Monk's Active Tiles + &[data-action="sort-up"], + &[data-action="sort-down"], + &[data-action="config"], + &[data-action="trigger"] { + &:hover { + background-color: var(--primary); + > img { + filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black); + } + } + } + + // These are toggles, inactive -> active -> inactive + // 'active' is from Monk's Active Tiles + // 'mystify' is from Workbench + &[data-action="visibility"], + &[data-action="effects"], + &[data-action="combat"], + &[data-action="locked"], + &[data-action="target"], + &[data-action="active"], + &[data-action="mystify"] { + background-color: var(--secondary-dark); + + &:hover, + &.active { + background-color: var(--secondary-light); + > img { + filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); + } + } + } + + // Unknown HUD elements from modules etc. are treated as if they potentially could become active + // Since it is unknown whether they can de-activate via a click, active buttons should not darken on hover + &:hover { + background-color: var(--secondary); + color: var(--color-text-light-highlight); + } + + &.active { + color: var(--color-text-light-highlight); + background-color: var(--secondary-light); + border: none; + + // &:hover { + // background-color: var(--secondary-dark); + // color: white; + // > img { + // filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); + // } + // } + + > img { + filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); + } + } + + > img { + opacity: 1; + filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black); + } + } +} diff --git a/sass/module-support.scss b/sass/module-support.scss deleted file mode 100644 index a37f267..0000000 --- a/sass/module-support.scss +++ /dev/null @@ -1,1273 +0,0 @@ -@use "sass:color"; -@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 */ -/* ----------------------------------------- */ - -.message.chat-message.dorako-ui.dark-theme { - &.dfce-cm-middle .message-delete, - &.dfce-cm-bottom .message-delete { - color: white; - top: 5px; - text-shadow: 0px 0px 1px black; - } -} - -.message.chat-message { - .message-delete { - z-index: 1; - } - - &.dfce-cm-top { - border-bottom-style: none; - margin-bottom: 0px; - padding-bottom: 5px; - &:hover { - box-shadow: var(--gold-and-glow); - } - } - - &.dfce-cm-middle, - &.dfce-cm-bottom { - border-top-style: none; - border-bottom-style: none; - border-radius: 0px; - - &:hover { - box-shadow: var(--gold-and-glow); - } - .message-content { - padding-right: 0px; - } - - .sender-wrapper, - .portrait-and-name { - display: none; - } - - .message-header { - background: transparent; - box-shadow: none; - text-shadow: 0px 0px 1px white; - margin: 0px; - padding: 0px; - padding-right: 5px; - color: var(--color-text-dark-primary); - } - .header-meta { - display: none; - } - } - - &.dfce-cm-middle { - margin-top: 0px; - margin-bottom: 0px; - padding-top: 0px; - padding-bottom: 5px; - } - - &.dfce-cm-bottom { - margin-top: 0px; - border-radius: 0px 0px 5px 5px; - } -} - -div#scrollToBottom { - @include quick-transition; - @include glass; - background-color: #ecbf41; - text-shadow: none; - color: black; - margin-left: 6px; - margin-right: 7px; - top: -27px; - z-index: 1; - &:hover { - background-color: lighten(#ecbf41, 10); - } -} - -#dfcp-rt-buttons { - gap: 3px; - - button { - @include glass; - @include quick-transition; - color: var(--color-text-light-heading); - background-color: var(--glass-bg-light); - text-shadow: 0px 0px 3px black; - - &:hover { - color: var(--color-text-light-highlight); - } - - &.active i { - text-shadow: 0px 0px 3px black; - color: var(--color-text-light-highlight); - } - } -} - -#chat-controls { - padding: 0px; -} - -/* ----------------------------------------- */ -/* Polyglot */ -/* ----------------------------------------- */ - -#polyglot { - flex-basis: 20px; - label { - display: none; - } - - select { - @include glass; - background: var(--glass-bg-light); - color: var(--color-text-light-heading); - text-shadow: 0px 0px 3px black; - - option, - optgroup { - background-color: rgb(37, 37, 37); - color: var(--color-text-light-highlight); - } - } -} - -/* ----------------------------------------- */ -/* Ripper's Filepicker+ */ -/* ----------------------------------------- */ - -.filepicker-plus-tooltip { - @include glass; - border: none; - backdrop-filter: blur(5px); -} - -#sidebar .app.window-app.filepicker { - margin: 0px; -} - -#sidebar .filepicker .window-content { - @include sheet; - background-image: var(--sheet-dark); - height: calc(100% - 5px); -} - -/* ----------------------------------------- */ -/* Combat Carousel */ -/* ----------------------------------------- */ - -// Needs to be marked as relative for the small caret to be positioned correctly when compact UI is enabled. -#controls ol li.scene-control[data-control="combat-carousel"] { - position: relative; -} - -/* ----------------------------------------- */ -/* Speaking As */ -/* ----------------------------------------- */ - -div.speaking-as--currentSpeaker + #chat-controls { - padding: 0px; -} - -.speaking-as--currentSpeaker { - @include glass; - background-color: var(--glass-bg-light); - padding-left: 5px; - margin: 0px 6px; - text-shadow: 0px 0px 3px black; -} - -.speaking-as--currentSpeaker--button { - cursor: pointer; - &:hover { - color: var(--color-text-light-highlight); - } -} - -/* ----------------------------------------- */ -/* PF2e Workbench */ -/* ----------------------------------------- */ -.xdy-pf2e-workbench-rarity-common { - color: var(--rarity-common); - border-color: var(--rarity-common); -} - -.xdy-pf2e-workbench-rarity-uncommon { - color: var(--rarity-uncommon); - border-color: var(--rarity-uncommon); -} - -.xdy-pf2e-workbench-rarity-rare { - color: var(--rarity-rare); - border-color: var(--rarity-rare); -} - -.xdy-pf2e-workbench-rarity-unique { - color: var(--rarity-unique); - border-color: var(--rarity-unique); -} - -/* ----------------------------------------- */ -/* PF2e Target Damage */ -/* ----------------------------------------- */ - -.chat-message .message-content .pf2e-td.damage-application button .label { - font-size: var(--font-size-8); -} - -wrapper.pf2e-td.name-top .pf2e-td.name { - // System styling - background: rgba(0, 0, 0, 0.1); - border: 1px solid var(--color-border-light-2); - border-radius: 3px; - box-shadow: 0 0 2px #fff inset; - width: 100%; -} - -.dorako-ui.chat-message { - hr.pf2e-td { - display: none !important; // inline style overwrite - } -} - -.dorako-ui.dark-theme.chat-message { - hr.pf2e-td { - display: none !important; // inline style overwrite - } - - button.small-button.pf2e-td { - @include glass; - @include quick-transition; - background-color: var(--glass-bg-light); - color: var(--color-text-light-heading); - text-shadow: 0px 0px 3px black; - - margin: 2px; - width: 20px; - height: calc(100% - 4px); - - &:hover { - background-color: var(--primary); - color: var(--color-text-light-highlight); - } - } - - wrapper.pf2e-td { - gap: 3px; - - .pf2e-td.damage-application { - // gap: 5px; - gap: 3px; - margin-top: 0px; - } - - &.name-left .pf2e-td.damage-application { - gap: 3px; - } - - .pf2e-td.name { - color: var(--color-text-light-heading); - - &:hover { - color: var(--color-text-light-highlight); - } - } - - &.name-top { - .pf2e-td.name { - @include glass; - @include quick-transition; - width: 100%; - line-height: 24px; - text-shadow: 0px 0px 3px black; - - &:hover { - color: var(--color-text-light-highlight); - background-color: var(--primary); - } - } - } - } - - .message-content .pf2e-td.damage-application button .label { - font-size: var(--font-size-8); - } -} - -// Legacy <2.0 styling - -#target-damage-chat-window - [data-visibility]:is(div, em, h4, p, span, strong):not([data-visibility="all"])[data-visibility="gm"] { - background-color: transparent; -} - -#target-damage-chat-window { - border: none; - margin: 0px; - padding: 0px; -} - -#target-damage-chat-window:empty { - display: none; -} - -.hidden #target-damage-hide-button { - left: 0px; - top: 2px; - margin: 0px; - padding: 0px; - height: 14px; - width: 14px; -} - -.damage-application.hidden.right { - padding: 0px; -} - -.hidden.right #target-damage-hide-button { - left: 0px; - top: 2px; - margin: 0px; - padding: 0px; - height: 14px; - width: 14px; -} - -/* ----------------------------------------- */ -/* Dice Tray */ -/* ----------------------------------------- */ - -.dice-tray { - display: flex; - flex-direction: column; - gap: 5px; - - .dice-tray__stacked { - gap: 3px; - } - - input[type="text"] { - @include glass; - @include quick-transition; - background-color: var(--glass-bg-light); - text-shadow: 0px 0px 3px black; - color: var(--color-text-light-heading); - - &:hover { - @include glass; - background-color: var(--secondary); - color: var(--color-text-light-highlight); - } - - &:focus { - @include glass; - background-color: var(--secondary-light); - color: white; - } - } - - button { - @include glass; - @include quick-transition; - background-color: var(--glass-bg-light); - text-shadow: 0px 0px 3px black; - color: var(--color-text-light-heading); - - svg { - filter: drop-shadow(0px 0px 3px black); - * { - fill: var(--color-text-light-heading); - } - } - - &.dice-tray__advantage:hover, - &.dice-tray__disadvantage:hover, - &.dice-tray__roll:hover, - &.dice-tray__math--add:hover, - &.dice-tray__math--sub:hover, - &:hover { - @include glass; - background-color: var(--primary); - color: var(--color-text-light-highlight); - - svg { - filter: drop-shadow(0px 0px 3px black); - * { - fill: var(--color-text-light-highlight); - } - } - } - } - .flexrow { - margin-left: 6px; - margin-right: 6px; - gap: 5px; - } - > * { - margin: 0px; - } -} - -/* ----------------------------------------- */ -/* Damage Log */ -/* ----------------------------------------- */ - -nav.damage-log-nav.tabs { - flex: 0; - margin: 0px 2px; - box-shadow: none; - border: none; - - .item { - @include quick-transition; - margin: 2px; - color: white; - border-radius: 3px; - margin: 2px; - border: none; - - &:hover { - box-shadow: var(--gold-and-glow); - background-color: var(--secondary); - text-shadow: 0px 0px 3px black; - border: none; - border-radius: 3px; - } - - &.active { - box-shadow: var(--gold-and-glow); - background-color: var(--secondary-light); - text-shadow: 0px 0px 3px black; - border: none; - border-radius: 3px; - } - } -} - -/* ----------------------------------------- */ -/* Enhanced Terrain Layer */ -/* ----------------------------------------- */ -#controls ol.control-tools.sub-controls { - margin-right: 0px; -} - -#controls ol.control-tools#terrainlayer-tools { - margin-top: 44px; - - .control-tool { - @include quick-transition; - @include glass; - &:not(#tl-defaultcost):hover { - background-color: rgba(177, 177, 177, 0.5); - color: black; - button.control-btn { - &:hover { - border-radius: 3px; - color: black; - text-shadow: 0 0 3px var(--color-text-light-highlight); - box-shadow: none; - } - } - } - } -} - -/* ----------------------------------------- */ -/* Koboldworks turn announcer */ -/* ----------------------------------------- */ - -.chat-message[data-message-id].koboldworks.round-cycling h3.round-message { - margin-left: 17px; - gap: 20px; -} - -.chat-message[data-message-id].koboldworks.turn-announcer.obfuscated { - @include sheet; - background-size: cover; - background-blend-mode: luminosity; - background-color: var(--blind-bg); - - &.dorako-ui.dark-theme { - background: var(--sheet-dark); - background-size: cover; - background-blend-mode: luminosity; - background-color: var(--blind-bg); - } -} - -/* ----------------------------------------- */ -/* Monk's Common Display */ -/* ----------------------------------------- */ - -#common-display-toolbar { - @include glass; - .move-handle { - @include glass; - border-radius: 5px 0px 0px 5px; - } - .common-display-button.small { - @include glass; - @include quick-transition; - text-shadow: 0px 0px 3px black; - - &:hover { - background-color: var(--primary); - } - } - - .common-display-button.toggle { - @include glass; - @include quick-transition; - background-color: var(--secondary-dark); - text-shadow: 0px 0px 3px black; - &:hover, - &.active { - @include glass; - background-color: var(--secondary-light); - } - } -} - -/* ----------------------------------------- */ -/* Monk's Player Settings */ -/* ----------------------------------------- */ - -#client-settings.dorako-ui.dark-theme #mps-view-group { - border-bottom: 1px solid var(--tertiary); -} - -/* ----------------------------------------- */ -/* Monk's Enhanced Journal */ -/* ----------------------------------------- */ - -.monks-enhanced-journal.window-app .window-content { - padding: 0px; -} - -/* ----------------------------------------- */ -/* Monk's tokenbar */ -/* ----------------------------------------- */ -#tokenbar { - gap: 3px; - - .token-list { - gap: 5px; - border: none; - } - - .bar-controls { - @include glass; - div#tokenbar-move-handle { - @include glass; - border-radius: 5px 0px 0px 5px; - margin-right: 2px; - } - } - .token { - @include glass; - @include quick-transition; - - flex: 0 0 52px; // Same size as macros - - .token-stats { - background: none; - text-shadow: 0px 0px 3px black; - } - &:hover { - background-color: var(--primary); - .token-icon { - // box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy); - box-shadow: none; - filter: drop-shadow(0px 0px 5px var(--tertiary)); - } - } - - .token-icon { - box-shadow: none; - border-radius: 3px; - } - .tooltip { - @include glass; - backdrop-filter: blur(5px); - } - } -} - -.monks-tokenbar.chat-card .card-header h3:hover { - text-shadow: unset; -} - -.monks-tokenbar .sheet .items-list .items-header { - border: none; -} - -#tokenbar .bar-controls .tokenbar-buttons div.active:not(.disabled) i, -#tokenbar[movement="free"] #movement-free:not(.disabled) i, -#tokenbar[movement="none"] #movement-none:not(.disabled) i, -#tokenbar[movement="combat"] #movement-combat:not(.disabled) i { - @include quick-transition; - border: none; - margin: 2px; - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - border-radius: 3px; - text-shadow: 0px 0px 3px black; - background-color: var(--primary-light); - color: var(--color-text-light-highlight); -} - -#tokenbar:not(.hidectrl) .bar-controls .tokenbar-buttons div.active:not(.disabled):hover i, -#tokenbar[movement="free"]:not(.hidectrl) #movement-free:not(.disabled):hover i, -#tokenbar[movement="none"]:not(.hidectrl) #movement-none:not(.disabled):hover i, -#tokenbar[movement="combat"]:not(.hidectrl) #movement-combat:not(.disabled):hover i { - color: var(--color-text-light-highlight); -} - -.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .item .item-name, -.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list, -.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-header h3, -.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .items-header h3 { - color: var(--color-text-light-1); - font-family: unset; -} - -.dorako-ui.dark-theme { - // hack to remove the 1 in 1dX to make space for scaled font sizes - &#requestsavingthrow .request-grid.dice-group div { - &::first-letter { - font-size: 0rem; - } - } - &#requestsavingthrow .request-grid { - gap: 5px; - margin: 5px 10px; - text-align: center; - &.dice-group { - display: flex; - justify-content: space-between; - } - - > div { - @include glass; - @include quick-transition; - color: var(--color-text-light-heading); - text-shadow: 0px 0px 3px black; - padding: 2px 6px; - - background-color: var(--secondary-dark); - &:hover { - background-color: var(--secondary-light); - color: white; - } - &.selected { - background-color: var(--secondary-light); - color: white; - } - } - } - - .monks-tokenbar .sheet .items-list .item { - border: none; - margin-bottom: 2px; - } - - .monks-tokenbar .dialog-buttons { - gap: 5px; - } - - .monks-tokenbar.chat-card { - .card-header { - border: none; - } - .card-footer { - border: none; - - .flexrow { - gap: 5px; - .footer-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); - } - } - } - } - } -} -/* ----------------------------------------- */ -/* Monk's little details */ -/* ----------------------------------------- */ - -#chat-log .message.round-marker { - border-bottom: 1px solid var(--tertiary) !important; // is 'important' in source -} - -#darkness-progress > div > div { - background-color: var(--primary-light); -} - -#token-hud.monks-little-details .status-effects .effect-control, -#token-hud.monks-little-details .status-effects .pf2e-effect-control { - border-radius: unset; -} - -#token-hud.placeable-hud.monks-little-details .status-effects { - grid-template-columns: 90px 90px 90px 90px !important; - background: none; - - .effect-control { - border: none; - opacity: unset; - - &.active { - border: none; - opacity: 1; - background-color: var(--secondary-light); - - .effect-name { - color: white; - opacity: unset; - } - } - - img { - border-radius: 4px 0px 0px 4px; - - &::before { - @include quick-transition; - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: 0px 0px 1px var(--tertiary); - border-radius: 4px 0px 0px 4px; - overflow: hidden; - pointer-events: none; - } - } - } - - .effect-name { - opacity: unset; - padding-right: 4px; - color: var(--color-text-light-heading); - font-size: var(--font-size-12); - } -} - -/* ----------------------------------------- */ -/* Monk's hotbar expansion */ -/* ----------------------------------------- */ - -#hotbar .action-bar.no-arrows + .bar-controls span.page-number, -#hotbar .hotbar-page .hotbar-page-row .bar-controls span.page-number, -#hotbar .hotbar-page .hotbar-page-row .bar-controls i { - line-height: 52px; -} - -#hotbar .hotbar-page .hotbar-page-row.selected .bar-controls .page-number { - color: var(--tertiary-dark); -} - -[data-tooltip="MonksHotbarExpansion.clear-row"] { - @include quick-transition; - &:hover { - i { - text-shadow: 0 0 8px var(--color-shadow-primary); - } - } -} - -.hotbar-page .page-number { - @include quick-transition; - &:hover { - text-shadow: 0 0 8px var(--color-shadow-primary); - } -} - -#hotbar.dorako-ui { - width: 647px; - - .hotbar-page { - overflow: visible; - gap: 4px; - bottom: 56px; - - .macro-list { - gap: 7px; - border: none; - } - - .action-bar { - margin: 0px 5px 0px 3px; - } - } -} - -/* ----------------------------------------- */ -/* Custom Hotbar */ -/* ----------------------------------------- */ -:root { - --custom-hotbar-chb-macro-size: 52px; -} - -// Custom hotbar introduces a 'hotbars' div, and restyles the core hotbar div -#ui-bottom #hotbars { - display: flex; - flex-direction: column; - gap: 5px; - - #hotbar { - position: unset; - } -} - -@media (max-width: 1120px) { - #custom-hotbar { - width: 354px; - } -} - -.dorako-ui { - &#custom-hotbar { - position: static; - height: auto; - margin-bottom: 0px; - } - &#custom-hotbar #custom-action-bar { - margin-left: 3px; - } - - &#custom-hotbar #custom-macro-list { - gap: 5px; - border: none; - } - - &#custom-hotbar .bar-controls { - @include glass; - height: auto; - } - - &#custom-hotbar .macro { - @include glass; - @include quick-transition; - border-radius: 3px; - - &.active:hover::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy); - border-radius: 3px; - overflow: hidden; - pointer-events: none; - } - - &:hover { - background-color: var(--primary-light); - } - - &.inactive { - box-shadow: var(--glassy); - } - - &.active:hover { - box-shadow: var(--glassy); - border: none; - background-color: var(--primary); - } - .macro-key { - background: none; - right: 6px; - padding: 0px; - font-weight: initial; - text-shadow: 0px 1px 5px black, 0px 1px 5px black; - } - } -} - -/* ----------------------------------------- */ -/* Cautious Gamemaster's Pack (CGMP) */ -/* ----------------------------------------- */ -#chat-log .dorako-ui.dark-theme.message.emote .message-content { - // text-align: unset; - color: unset; - // font-style: unset; -} - -/* ----------------------------------------- */ -/* Macros */ -/* ----------------------------------------- */ - -// Condition Manager -.dorako-ui.window-app .window-content .dialog-content .cond-cont { - background: none; -} - -// Basic Action Macros -.dorako-ui.window-app .action-list button { - &.action-btn img { - border-radius: 3px; - box-shadow: var(--gold-and-glow); - } - &:hover { - filter: brightness(1.3); - } - &.glow { - box-shadow: var(--gold-and-glow), var(--glassy); - animation: unset; - filter: brightness(1.1); - color: var(--tertiary); - } -} - -/* ----------------------------------------- */ -/* Scene Preview */ -/* ----------------------------------------- */ - -.navi-preview { - @include gold-border-shadow; - border-radius: 5px; -} - -/* ----------------------------------------- */ -/* Token Action HUD (TAH) */ -/* ----------------------------------------- */ -:root { - --dorako-bg-current: var(--glass-bg); - --dorako-vibrancy: var(--frosted-glass); -} - -#tah-categories { - gap: 5px; -} - -#token-action-hud { - gap: 5px; -} - -#tah-expand-hud { - width: 32px; - height: 32px; -} - -#tah-expand-hud, -.tah-title-button { - @include quick-transition; - color: var(--color-text-light-heading); - padding: 3px 5px 3px 5px; - &:hover { - color: var(--color-text-light-highlight); - } -} - -.tah-category.hover { - button.tah-title-button { - background-color: var(--primary); - color: var(--color-text-light-highlight); - } -} - -.tah-subtitle { - width: 174px; -} - -.tah-action button { - @include quick-transition; - color: var(--color-text-light-heading); - - &.toggle { - background-color: var(--secondary-dark); - } - &:hover { - color: var(--color-text-light-highlight); - } - &.active { - color: white; - } -} - -/* ----------------------------------------- */ -/* PF2e Dorako UI */ -/* ----------------------------------------- */ - -#chat-controls.no-chat-control-icon { - .chat-control-icon { - display: none; - } - - #dfcp-rt-buttons { - margin-left: 0px !important; - } -} - -#fps { - position: absolute; - right: 0; - bottom: 0; - width: 60px; - - label { - display: none; - } -} - -#ui-bottom.centered { - display: flex; - justify-content: center; -} - -#chat-form { - flex: 0 0 var(--chat-input-height) !important; // Inline style overwrite -} - -#players.dorako-ui h3 { - border: none; -} - -.chat-message { - .dorako-header { - padding-bottom: 5px; - box-shadow: var(--gold-and-glow); - background: var(--sheet-light); - background-size: cover; - } -} - -.combat-sidebar li.combatant .token-image { - z-index: 0; -} - -.combat-sidebar li.combatant .token-name { - z-index: 1; -} - -.chat-message .message-content .damage-roll:not(:first-child) { - margin-top: 5px; -} - -.chat-message { - .flavor-text { - h4.action { - font-weight: 700; - line-height: 1.5em; - margin: 0; - } - - .target-dc-result { - line-height: 0.75rem; - margin-bottom: 4px; - - .target-dc, - .result { - display: block; - margin: 1px 0; - width: fit-content; - } - - .unadjusted { - text-decoration: line-through; - } - - .adjusted { - text-decoration: underline dotted; - &.increased { - color: $degree-success-critical; - } - &.decreased { - color: $degree-failure-critical; - } - } - - .degree-of-success { - .criticalSuccess { - color: $degree-success-critical; - } - .success { - color: $degree-success; - } - .failure { - color: $degree-failure; - } - .criticalFailure { - color: $degree-failure-critical; - } - } - } - } - - > .message-content .message-buttons { - display: flex; - margin: 0.35em 0 2px; - gap: 3px; - } -} - -.dorako-ui.dark-theme.chat-message { - .flavor-text { - .target-dc-result { - .adjusted { - &.increased { - $color: $degree-success-critical; - $adjustment: +12.5%; - color: color.adjust($color, $lightness: $adjustment); - } - &.decreased { - $color: $degree-failure-critical; - $adjustment: +12.5%; - color: color.adjust($color, $lightness: $adjustment); - } - } - - .degree-of-success { - .criticalSuccess { - $color: $degree-success-critical; - $adjustment: +12.5%; - color: color.adjust($color, $lightness: $adjustment); - } - .success { - $color: $degree-success; - $adjustment: +12.5%; - color: color.adjust($color, $lightness: $adjustment); - } - .failure { - $color: $degree-failure; - $adjustment: +12.5%; - color: color.adjust($color, $lightness: $adjustment); - } - .criticalFailure { - $color: $degree-failure-critical; - $adjustment: +12.5%; - color: color.adjust($color, $lightness: $adjustment); - } - } - } - } - > .message-content .message-buttons { - gap: 5px; - - button { - @include glass; - @include quick-transition; - color: var(--color-text-light-heading); - text-shadow: 0px 0px 3px black; - - &:hover { - background-color: var(--primary); - color: var(--color-text-light-highlight); - } - - &.critical-success:hover { - background-color: var(--primary-light); - color: white; - } - } - } -} - -.chat-message > .message-header { - margin-bottom: 0px; -} - -.dorako-damage-roll .flavor-text > *:nth-child(-n + 3) { - display: none; -} - -.frosted-glass { - #hotbar .bar-controls, - #hotbar .macro, - nav#navigation ol#scene-list li.nav-item, - nav#controls ol.control-tools li.control-tool, - nav#controls ol.control-tools li.scene-control, - #tah-expand-hud, - .tah-title-button, - .tah-action button, - #tokenbar .token, - #tokenbar .bar-controls, - #players, - nav#navigation #nav-toggle, - #fps, - .app { - backdrop-filter: var(--frosted-glass); - } - #navigation, - .control-tools { - backdrop-filter: unset; - } -} diff --git a/sass/module/_cautious-gamemasters-pack.scss b/sass/module/_cautious-gamemasters-pack.scss new file mode 100644 index 0000000..3fefad2 --- /dev/null +++ b/sass/module/_cautious-gamemasters-pack.scss @@ -0,0 +1,8 @@ +/* ----------------------------------------- */ +/* Cautious Gamemaster's Pack (CGMP) */ +/* ----------------------------------------- */ +#chat-log .dorako-ui.dark-theme.message.emote .message-content { + // text-align: unset; + color: unset; + // font-style: unset; +} diff --git a/sass/module/_combat-carousel.scss b/sass/module/_combat-carousel.scss new file mode 100644 index 0000000..45f76b3 --- /dev/null +++ b/sass/module/_combat-carousel.scss @@ -0,0 +1,8 @@ +/* ----------------------------------------- */ +/* Combat Carousel */ +/* ----------------------------------------- */ + +// Needs to be marked as relative for the small caret to be positioned correctly when compact UI is enabled. +#controls ol li.scene-control[data-control="combat-carousel"] { + position: relative; +} diff --git a/sass/module/_custom-hotbar.scss b/sass/module/_custom-hotbar.scss new file mode 100644 index 0000000..e463d2e --- /dev/null +++ b/sass/module/_custom-hotbar.scss @@ -0,0 +1,84 @@ +/* ----------------------------------------- */ +/* Custom Hotbar */ +/* ----------------------------------------- */ +:root { + --custom-hotbar-chb-macro-size: 52px; +} + +// Custom hotbar introduces a 'hotbars' div, and restyles the core hotbar div +#ui-bottom #hotbars { + display: flex; + flex-direction: column; + gap: 5px; + + #hotbar { + position: unset; + } +} + +@media (max-width: 1120px) { + #custom-hotbar { + width: 354px; + } +} + +.dorako-ui { + &#custom-hotbar { + position: static; + height: auto; + margin-bottom: 0px; + } + &#custom-hotbar #custom-action-bar { + margin-left: 3px; + } + + &#custom-hotbar #custom-macro-list { + gap: 5px; + border: none; + } + + &#custom-hotbar .bar-controls { + @include glass; + height: auto; + } + + &#custom-hotbar .macro { + @include glass; + @include quick-transition; + border-radius: 3px; + + &.active:hover::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy); + border-radius: 3px; + overflow: hidden; + pointer-events: none; + } + + &:hover { + background-color: var(--primary-light); + } + + &.inactive { + box-shadow: var(--glassy); + } + + &.active:hover { + box-shadow: var(--glassy); + border: none; + background-color: var(--primary); + } + .macro-key { + background: none; + right: 6px; + padding: 0px; + font-weight: initial; + text-shadow: 0px 1px 5px black, 0px 1px 5px black; + } + } +} diff --git a/sass/module/_damage-log.scss b/sass/module/_damage-log.scss new file mode 100644 index 0000000..f418445 --- /dev/null +++ b/sass/module/_damage-log.scss @@ -0,0 +1,35 @@ +/* ----------------------------------------- */ +/* Damage Log */ +/* ----------------------------------------- */ + +nav.damage-log-nav.tabs { + flex: 0; + margin: 0px 2px; + box-shadow: none; + border: none; + + .item { + @include quick-transition; + margin: 2px; + color: white; + border-radius: 3px; + margin: 2px; + border: none; + + &:hover { + box-shadow: var(--gold-and-glow); + background-color: var(--secondary); + text-shadow: 0px 0px 3px black; + border: none; + border-radius: 3px; + } + + &.active { + box-shadow: var(--gold-and-glow); + background-color: var(--secondary-light); + text-shadow: 0px 0px 3px black; + border: none; + border-radius: 3px; + } + } +} diff --git a/sass/module/_dfce.scss b/sass/module/_dfce.scss new file mode 100644 index 0000000..e1bd935 --- /dev/null +++ b/sass/module/_dfce.scss @@ -0,0 +1,111 @@ +/* ----------------------------------------- */ +/* DF Chat Enhancements */ +/* ----------------------------------------- */ + +.message.chat-message.dorako-ui.dark-theme { + &.dfce-cm-middle .message-delete, + &.dfce-cm-bottom .message-delete { + color: white; + top: 5px; + text-shadow: 0px 0px 1px black; + } +} + +.message.chat-message { + .message-delete { + z-index: 1; + } + + &.dfce-cm-top { + border-bottom-style: none; + margin-bottom: 0px; + padding-bottom: 5px; + &:hover { + box-shadow: var(--gold-and-glow); + } + } + + &.dfce-cm-middle, + &.dfce-cm-bottom { + border-top-style: none; + border-bottom-style: none; + border-radius: 0px; + + &:hover { + box-shadow: var(--gold-and-glow); + } + .message-content { + padding-right: 0px; + } + + .sender-wrapper, + .portrait-and-name { + display: none; + } + + .message-header { + background: transparent; + box-shadow: none; + text-shadow: 0px 0px 1px white; + margin: 0px; + padding: 0px; + padding-right: 5px; + color: var(--color-text-dark-primary); + } + .header-meta { + display: none; + } + } + + &.dfce-cm-middle { + margin-top: 0px; + margin-bottom: 0px; + padding-top: 0px; + padding-bottom: 5px; + } + + &.dfce-cm-bottom { + margin-top: 0px; + border-radius: 0px 0px 5px 5px; + } +} + +div#scrollToBottom { + @include quick-transition; + @include glass; + background-color: #ecbf41; + text-shadow: none; + color: black; + margin-left: 6px; + margin-right: 7px; + top: -27px; + z-index: 1; + &:hover { + background-color: lighten(#ecbf41, 10); + } +} + +#dfcp-rt-buttons { + gap: 3px; + + button { + @include glass; + @include quick-transition; + color: var(--color-text-light-heading); + background-color: var(--glass-bg-light); + text-shadow: 0px 0px 3px black; + + &:hover { + color: var(--color-text-light-highlight); + } + + &.active i { + text-shadow: 0px 0px 3px black; + color: var(--color-text-light-highlight); + } + } +} + +#chat-controls { + padding: 0px; +} diff --git a/sass/module/_dice-tray.scss b/sass/module/_dice-tray.scss new file mode 100644 index 0000000..835c403 --- /dev/null +++ b/sass/module/_dice-tray.scss @@ -0,0 +1,74 @@ +/* ----------------------------------------- */ +/* Dice Tray */ +/* ----------------------------------------- */ + +.dice-tray { + display: flex; + flex-direction: column; + gap: 5px; + + .dice-tray__stacked { + gap: 3px; + } + + input[type="text"] { + @include glass; + @include quick-transition; + background-color: var(--glass-bg-light); + text-shadow: 0px 0px 3px black; + color: var(--color-text-light-heading); + + &:hover { + @include glass; + background-color: var(--secondary); + color: var(--color-text-light-highlight); + } + + &:focus { + @include glass; + background-color: var(--secondary-light); + color: white; + } + } + + button { + @include glass; + @include quick-transition; + background-color: var(--glass-bg-light); + text-shadow: 0px 0px 3px black; + color: var(--color-text-light-heading); + + svg { + filter: drop-shadow(0px 0px 3px black); + * { + fill: var(--color-text-light-heading); + } + } + + &.dice-tray__advantage:hover, + &.dice-tray__disadvantage:hover, + &.dice-tray__roll:hover, + &.dice-tray__math--add:hover, + &.dice-tray__math--sub:hover, + &:hover { + @include glass; + background-color: var(--primary); + color: var(--color-text-light-highlight); + + svg { + filter: drop-shadow(0px 0px 3px black); + * { + fill: var(--color-text-light-highlight); + } + } + } + } + .flexrow { + margin-left: 6px; + margin-right: 6px; + gap: 5px; + } + > * { + margin: 0px; + } +} diff --git a/sass/module/_dorako-ui.scss b/sass/module/_dorako-ui.scss new file mode 100644 index 0000000..873bbcc --- /dev/null +++ b/sass/module/_dorako-ui.scss @@ -0,0 +1,208 @@ +/* ----------------------------------------- */ +/* PF2e Dorako UI */ +/* ----------------------------------------- */ + +#chat-controls.no-chat-control-icon { + .chat-control-icon { + display: none; + } + + #dfcp-rt-buttons { + margin-left: 0px !important; + } +} + +#fps { + position: absolute; + right: 0; + bottom: 0; + width: 60px; + + label { + display: none; + } +} + +#ui-bottom.centered { + display: flex; + justify-content: center; +} + +#chat-form { + flex: 0 0 var(--chat-input-height) !important; // Inline style overwrite +} + +#players.dorako-ui h3 { + border: none; +} + +.chat-message { + .dorako-header { + padding-bottom: 5px; + box-shadow: var(--gold-and-glow); + background: var(--sheet-light); + background-size: cover; + } +} + +.combat-sidebar li.combatant .token-image { + z-index: 0; +} + +.combat-sidebar li.combatant .token-name { + z-index: 1; +} + +.chat-message .message-content .damage-roll:not(:first-child) { + margin-top: 5px; +} + +.chat-message { + .flavor-text { + h4.action { + font-weight: 700; + line-height: 1.5em; + margin: 0; + } + + .target-dc-result { + line-height: 0.75rem; + margin-bottom: 4px; + + .target-dc, + .result { + display: block; + margin: 1px 0; + width: fit-content; + } + + .unadjusted { + text-decoration: line-through; + } + + .adjusted { + text-decoration: underline dotted; + &.increased { + color: $degree-success-critical; + } + &.decreased { + color: $degree-failure-critical; + } + } + + .degree-of-success { + .criticalSuccess { + color: $degree-success-critical; + } + .success { + color: $degree-success; + } + .failure { + color: $degree-failure; + } + .criticalFailure { + color: $degree-failure-critical; + } + } + } + } + + > .message-content .message-buttons { + display: flex; + margin: 0.35em 0 2px; + gap: 3px; + } +} + +.dorako-ui.dark-theme.chat-message { + .flavor-text { + .target-dc-result { + .adjusted { + &.increased { + $color: $degree-success-critical; + $adjustment: +12.5%; + color: color.adjust($color, $lightness: $adjustment); + } + &.decreased { + $color: $degree-failure-critical; + $adjustment: +12.5%; + color: color.adjust($color, $lightness: $adjustment); + } + } + + .degree-of-success { + .criticalSuccess { + $color: $degree-success-critical; + $adjustment: +12.5%; + color: color.adjust($color, $lightness: $adjustment); + } + .success { + $color: $degree-success; + $adjustment: +12.5%; + color: color.adjust($color, $lightness: $adjustment); + } + .failure { + $color: $degree-failure; + $adjustment: +12.5%; + color: color.adjust($color, $lightness: $adjustment); + } + .criticalFailure { + $color: $degree-failure-critical; + $adjustment: +12.5%; + color: color.adjust($color, $lightness: $adjustment); + } + } + } + } + > .message-content .message-buttons { + gap: 5px; + + button { + @include glass; + @include quick-transition; + color: var(--color-text-light-heading); + text-shadow: 0px 0px 3px black; + + &:hover { + background-color: var(--primary); + color: var(--color-text-light-highlight); + } + + &.critical-success:hover { + background-color: var(--primary-light); + color: white; + } + } + } +} + +.chat-message > .message-header { + margin-bottom: 0px; +} + +.dorako-damage-roll .flavor-text > *:nth-child(-n + 3) { + display: none; +} + +.frosted-glass { + #hotbar .bar-controls, + #hotbar .macro, + nav#navigation ol#scene-list li.nav-item, + nav#controls ol.control-tools li.control-tool, + nav#controls ol.control-tools li.scene-control, + #tah-expand-hud, + .tah-title-button, + .tah-action button, + #tokenbar .token, + #tokenbar .bar-controls, + #players, + nav#navigation #nav-toggle, + #fps, + .app { + backdrop-filter: var(--frosted-glass); + } + #navigation, + .control-tools { + backdrop-filter: unset; + } +} diff --git a/sass/module/_enhancen-terrain-layer.scss b/sass/module/_enhancen-terrain-layer.scss new file mode 100644 index 0000000..3237d92 --- /dev/null +++ b/sass/module/_enhancen-terrain-layer.scss @@ -0,0 +1,27 @@ +/* ----------------------------------------- */ +/* Enhanced Terrain Layer */ +/* ----------------------------------------- */ +#controls ol.control-tools.sub-controls { + margin-right: 0px; +} + +#controls ol.control-tools#terrainlayer-tools { + margin-top: 44px; + + .control-tool { + @include quick-transition; + @include glass; + &:not(#tl-defaultcost):hover { + background-color: rgba(177, 177, 177, 0.5); + color: black; + button.control-btn { + &:hover { + border-radius: 3px; + color: black; + text-shadow: 0 0 3px var(--color-text-light-highlight); + box-shadow: none; + } + } + } + } +} diff --git a/sass/module/_filepicker-plus.scss b/sass/module/_filepicker-plus.scss new file mode 100644 index 0000000..176f196 --- /dev/null +++ b/sass/module/_filepicker-plus.scss @@ -0,0 +1,19 @@ +/* ----------------------------------------- */ +/* Ripper's Filepicker+ */ +/* ----------------------------------------- */ + +.filepicker-plus-tooltip { + @include glass; + border: none; + backdrop-filter: blur(5px); +} + +#sidebar .app.window-app.filepicker { + margin: 0px; +} + +#sidebar .filepicker .window-content { + @include sheet; + background-image: var(--sheet-dark); + height: calc(100% - 5px); +} diff --git a/sass/module/_index.scss b/sass/module/_index.scss new file mode 100644 index 0000000..6619967 --- /dev/null +++ b/sass/module/_index.scss @@ -0,0 +1,5 @@ +@use "sass:color"; +@import "../colors"; +@import "cautious-gamemasters-pack", "combat-carousel", "custom-hotbar", "damage-log", "dfce", "dice-tray", "dorako-ui", + "enhancen-terrain-layer", "filepicker-plus", "koboldworks-turn-announcer", "macros", "monarch", "monks", "polyglot", + "scene-preview", "speaking-as", "target-damage", "token-action-hud", "workbench"; diff --git a/sass/module/_koboldworks-turn-announcer.scss b/sass/module/_koboldworks-turn-announcer.scss new file mode 100644 index 0000000..70d14db --- /dev/null +++ b/sass/module/_koboldworks-turn-announcer.scss @@ -0,0 +1,22 @@ +/* ----------------------------------------- */ +/* Koboldworks turn announcer */ +/* ----------------------------------------- */ + +.chat-message[data-message-id].koboldworks.round-cycling h3.round-message { + margin-left: 17px; + gap: 20px; +} + +.chat-message[data-message-id].koboldworks.turn-announcer.obfuscated { + @include sheet; + background-size: cover; + background-blend-mode: luminosity; + background-color: var(--blind-bg); + + &.dorako-ui.dark-theme { + background: var(--sheet-dark); + background-size: cover; + background-blend-mode: luminosity; + background-color: var(--blind-bg); + } +} diff --git a/sass/module/_macros.scss b/sass/module/_macros.scss new file mode 100644 index 0000000..43c2405 --- /dev/null +++ b/sass/module/_macros.scss @@ -0,0 +1,25 @@ +/* ----------------------------------------- */ +/* Macros */ +/* ----------------------------------------- */ + +// Condition Manager +.dorako-ui.window-app .window-content .dialog-content .cond-cont { + background: none; +} + +// Basic Action Macros +.dorako-ui.window-app .action-list button { + &.action-btn img { + border-radius: 3px; + box-shadow: var(--gold-and-glow); + } + &:hover { + filter: brightness(1.3); + } + &.glow { + box-shadow: var(--gold-and-glow), var(--glassy); + animation: unset; + filter: brightness(1.1); + color: var(--tertiary); + } +} diff --git a/sass/module/_monarch.scss b/sass/module/_monarch.scss new file mode 100644 index 0000000..5bdd46b --- /dev/null +++ b/sass/module/_monarch.scss @@ -0,0 +1,60 @@ +/* ----------------------------------------- */ +/* 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); +} diff --git a/sass/module/_monks.scss b/sass/module/_monks.scss new file mode 100644 index 0000000..19af9c3 --- /dev/null +++ b/sass/module/_monks.scss @@ -0,0 +1,314 @@ +/* ----------------------------------------- */ +/* Monk's Common Display */ +/* ----------------------------------------- */ + +#common-display-toolbar { + @include glass; + .move-handle { + @include glass; + border-radius: 5px 0px 0px 5px; + } + .common-display-button.small { + @include glass; + @include quick-transition; + text-shadow: 0px 0px 3px black; + + &:hover { + background-color: var(--primary); + } + } + + .common-display-button.toggle { + @include glass; + @include quick-transition; + background-color: var(--secondary-dark); + text-shadow: 0px 0px 3px black; + &:hover, + &.active { + @include glass; + background-color: var(--secondary-light); + } + } +} + +/* ----------------------------------------- */ +/* Monk's Player Settings */ +/* ----------------------------------------- */ + +#client-settings.dorako-ui.dark-theme #mps-view-group { + border-bottom: 1px solid var(--tertiary); +} + +/* ----------------------------------------- */ +/* Monk's Enhanced Journal */ +/* ----------------------------------------- */ + +.monks-enhanced-journal.window-app .window-content { + padding: 0px; +} + +/* ----------------------------------------- */ +/* Monk's tokenbar */ +/* ----------------------------------------- */ +#tokenbar { + gap: 3px; + + .token-list { + gap: 5px; + border: none; + } + + .bar-controls { + @include glass; + div#tokenbar-move-handle { + @include glass; + border-radius: 5px 0px 0px 5px; + margin-right: 2px; + } + } + .token { + @include glass; + @include quick-transition; + + flex: 0 0 52px; // Same size as macros + + .token-stats { + background: none; + text-shadow: 0px 0px 3px black; + } + &:hover { + background-color: var(--primary); + .token-icon { + // box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy); + box-shadow: none; + filter: drop-shadow(0px 0px 5px var(--tertiary)); + } + } + + .token-icon { + box-shadow: none; + border-radius: 3px; + } + .tooltip { + @include glass; + backdrop-filter: blur(5px); + } + } +} + +.monks-tokenbar.chat-card .card-header h3:hover { + text-shadow: unset; +} + +.monks-tokenbar .sheet .items-list .items-header { + border: none; +} + +#tokenbar .bar-controls .tokenbar-buttons div.active:not(.disabled) i, +#tokenbar[movement="free"] #movement-free:not(.disabled) i, +#tokenbar[movement="none"] #movement-none:not(.disabled) i, +#tokenbar[movement="combat"] #movement-combat:not(.disabled) i { + @include quick-transition; + border: none; + margin: 2px; + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + border-radius: 3px; + text-shadow: 0px 0px 3px black; + background-color: var(--primary-light); + color: var(--color-text-light-highlight); +} + +#tokenbar:not(.hidectrl) .bar-controls .tokenbar-buttons div.active:not(.disabled):hover i, +#tokenbar[movement="free"]:not(.hidectrl) #movement-free:not(.disabled):hover i, +#tokenbar[movement="none"]:not(.hidectrl) #movement-none:not(.disabled):hover i, +#tokenbar[movement="combat"]:not(.hidectrl) #movement-combat:not(.disabled):hover i { + color: var(--color-text-light-highlight); +} + +.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .item .item-name, +.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list, +.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-header h3, +.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .items-header h3 { + color: var(--color-text-light-1); + font-family: unset; +} + +.dorako-ui.dark-theme { + // hack to remove the 1 in 1dX to make space for scaled font sizes + &#requestsavingthrow .request-grid.dice-group div { + &::first-letter { + font-size: 0rem; + } + } + &#requestsavingthrow .request-grid { + gap: 5px; + margin: 5px 10px; + text-align: center; + &.dice-group { + display: flex; + justify-content: space-between; + } + + > div { + @include glass; + @include quick-transition; + color: var(--color-text-light-heading); + text-shadow: 0px 0px 3px black; + padding: 2px 6px; + + background-color: var(--secondary-dark); + &:hover { + background-color: var(--secondary-light); + color: white; + } + &.selected { + background-color: var(--secondary-light); + color: white; + } + } + } + + .monks-tokenbar .sheet .items-list .item { + border: none; + margin-bottom: 2px; + } + + .monks-tokenbar .dialog-buttons { + gap: 5px; + } + + .monks-tokenbar.chat-card { + .card-header { + border: none; + } + .card-footer { + border: none; + + .flexrow { + gap: 5px; + .footer-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); + } + } + } + } + } +} +/* ----------------------------------------- */ +/* Monk's little details */ +/* ----------------------------------------- */ + +#chat-log .message.round-marker { + border-bottom: 1px solid var(--tertiary) !important; // is 'important' in source +} + +#darkness-progress > div > div { + background-color: var(--primary-light); +} + +#token-hud.monks-little-details .status-effects .effect-control, +#token-hud.monks-little-details .status-effects .pf2e-effect-control { + border-radius: unset; +} + +#token-hud.placeable-hud.monks-little-details .status-effects { + grid-template-columns: 90px 90px 90px 90px !important; + background: none; + + .effect-control { + border: none; + opacity: unset; + + &.active { + border: none; + opacity: 1; + background-color: var(--secondary-light); + + .effect-name { + color: white; + opacity: unset; + } + } + + img { + border-radius: 4px 0px 0px 4px; + + &::before { + @include quick-transition; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0px 0px 1px var(--tertiary); + border-radius: 4px 0px 0px 4px; + overflow: hidden; + pointer-events: none; + } + } + } + + .effect-name { + opacity: unset; + padding-right: 4px; + color: var(--color-text-light-heading); + font-size: var(--font-size-12); + } +} + +/* ----------------------------------------- */ +/* Monk's hotbar expansion */ +/* ----------------------------------------- */ + +#hotbar .action-bar.no-arrows + .bar-controls span.page-number, +#hotbar .hotbar-page .hotbar-page-row .bar-controls span.page-number, +#hotbar .hotbar-page .hotbar-page-row .bar-controls i { + line-height: 52px; +} + +#hotbar .hotbar-page .hotbar-page-row.selected .bar-controls .page-number { + color: var(--tertiary-dark); +} + +[data-tooltip="MonksHotbarExpansion.clear-row"] { + @include quick-transition; + &:hover { + i { + text-shadow: 0 0 8px var(--color-shadow-primary); + } + } +} + +.hotbar-page .page-number { + @include quick-transition; + &:hover { + text-shadow: 0 0 8px var(--color-shadow-primary); + } +} + +#hotbar.dorako-ui { + width: 647px; + + .hotbar-page { + overflow: visible; + gap: 4px; + bottom: 56px; + + .macro-list { + gap: 7px; + border: none; + } + + .action-bar { + margin: 0px 5px 0px 3px; + } + } +} diff --git a/sass/module/_polyglot.scss b/sass/module/_polyglot.scss new file mode 100644 index 0000000..1e0d5cc --- /dev/null +++ b/sass/module/_polyglot.scss @@ -0,0 +1,23 @@ +/* ----------------------------------------- */ +/* Polyglot */ +/* ----------------------------------------- */ + +#polyglot { + flex-basis: 20px; + label { + display: none; + } + + select { + @include glass; + background: var(--glass-bg-light); + color: var(--color-text-light-heading); + text-shadow: 0px 0px 3px black; + + option, + optgroup { + background-color: rgb(37, 37, 37); + color: var(--color-text-light-highlight); + } + } +} diff --git a/sass/module/_scene-preview.scss b/sass/module/_scene-preview.scss new file mode 100644 index 0000000..a053682 --- /dev/null +++ b/sass/module/_scene-preview.scss @@ -0,0 +1,8 @@ +/* ----------------------------------------- */ +/* Scene Preview */ +/* ----------------------------------------- */ + +.navi-preview { + @include gold-border-shadow; + border-radius: 5px; +} diff --git a/sass/module/_speaking-as.scss b/sass/module/_speaking-as.scss new file mode 100644 index 0000000..470df7b --- /dev/null +++ b/sass/module/_speaking-as.scss @@ -0,0 +1,22 @@ +/* ----------------------------------------- */ +/* Speaking As */ +/* ----------------------------------------- */ + +div.speaking-as--currentSpeaker + #chat-controls { + padding: 0px; +} + +.speaking-as--currentSpeaker { + @include glass; + background-color: var(--glass-bg-light); + padding-left: 5px; + margin: 0px 6px; + text-shadow: 0px 0px 3px black; +} + +.speaking-as--currentSpeaker--button { + cursor: pointer; + &:hover { + color: var(--color-text-light-highlight); + } +} diff --git a/sass/module/_target-damage.scss b/sass/module/_target-damage.scss new file mode 100644 index 0000000..2692bc1 --- /dev/null +++ b/sass/module/_target-damage.scss @@ -0,0 +1,125 @@ +/* ----------------------------------------- */ +/* PF2e Target Damage */ +/* ----------------------------------------- */ + +.chat-message .message-content .pf2e-td.damage-application button .label { + font-size: var(--font-size-8); +} + +wrapper.pf2e-td.name-top .pf2e-td.name { + // System styling + background: rgba(0, 0, 0, 0.1); + border: 1px solid var(--color-border-light-2); + border-radius: 3px; + box-shadow: 0 0 2px #fff inset; + width: 100%; +} + +.dorako-ui.chat-message { + hr.pf2e-td { + display: none !important; // inline style overwrite + } +} + +.dorako-ui.dark-theme.chat-message { + hr.pf2e-td { + display: none !important; // inline style overwrite + } + + button.small-button.pf2e-td { + @include glass; + @include quick-transition; + background-color: var(--glass-bg-light); + color: var(--color-text-light-heading); + text-shadow: 0px 0px 3px black; + + margin: 2px; + width: 20px; + height: calc(100% - 4px); + + &:hover { + background-color: var(--primary); + color: var(--color-text-light-highlight); + } + } + + wrapper.pf2e-td { + gap: 3px; + + .pf2e-td.damage-application { + // gap: 5px; + gap: 3px; + margin-top: 0px; + } + + &.name-left .pf2e-td.damage-application { + gap: 3px; + } + + .pf2e-td.name { + color: var(--color-text-light-heading); + + &:hover { + color: var(--color-text-light-highlight); + } + } + + &.name-top { + .pf2e-td.name { + @include glass; + @include quick-transition; + width: 100%; + line-height: 24px; + text-shadow: 0px 0px 3px black; + + &:hover { + color: var(--color-text-light-highlight); + background-color: var(--primary); + } + } + } + } + + .message-content .pf2e-td.damage-application button .label { + font-size: var(--font-size-8); + } +} + +// Legacy <2.0 styling + +#target-damage-chat-window + [data-visibility]:is(div, em, h4, p, span, strong):not([data-visibility="all"])[data-visibility="gm"] { + background-color: transparent; +} + +#target-damage-chat-window { + border: none; + margin: 0px; + padding: 0px; +} + +#target-damage-chat-window:empty { + display: none; +} + +.hidden #target-damage-hide-button { + left: 0px; + top: 2px; + margin: 0px; + padding: 0px; + height: 14px; + width: 14px; +} + +.damage-application.hidden.right { + padding: 0px; +} + +.hidden.right #target-damage-hide-button { + left: 0px; + top: 2px; + margin: 0px; + padding: 0px; + height: 14px; + width: 14px; +} diff --git a/sass/module/_token-action-hud.scss b/sass/module/_token-action-hud.scss new file mode 100644 index 0000000..349b8bf --- /dev/null +++ b/sass/module/_token-action-hud.scss @@ -0,0 +1,56 @@ +/* ----------------------------------------- */ +/* Token Action HUD (TAH) */ +/* ----------------------------------------- */ +:root { + --dorako-bg-current: var(--glass-bg); + --dorako-vibrancy: var(--frosted-glass); +} + +#tah-categories { + gap: 5px; +} + +#token-action-hud { + gap: 5px; +} + +#tah-expand-hud { + width: 32px; + height: 32px; +} + +#tah-expand-hud, +.tah-title-button { + @include quick-transition; + color: var(--color-text-light-heading); + padding: 3px 5px 3px 5px; + &:hover { + color: var(--color-text-light-highlight); + } +} + +.tah-category.hover { + button.tah-title-button { + background-color: var(--primary); + color: var(--color-text-light-highlight); + } +} + +.tah-subtitle { + width: 174px; +} + +.tah-action button { + @include quick-transition; + color: var(--color-text-light-heading); + + &.toggle { + background-color: var(--secondary-dark); + } + &:hover { + color: var(--color-text-light-highlight); + } + &.active { + color: white; + } +} diff --git a/sass/module/_workbench.scss b/sass/module/_workbench.scss new file mode 100644 index 0000000..e61cf61 --- /dev/null +++ b/sass/module/_workbench.scss @@ -0,0 +1,22 @@ +/* ----------------------------------------- */ +/* PF2e Workbench */ +/* ----------------------------------------- */ +.xdy-pf2e-workbench-rarity-common { + color: var(--rarity-common); + border-color: var(--rarity-common); +} + +.xdy-pf2e-workbench-rarity-uncommon { + color: var(--rarity-uncommon); + border-color: var(--rarity-uncommon); +} + +.xdy-pf2e-workbench-rarity-rare { + color: var(--rarity-rare); + border-color: var(--rarity-rare); +} + +.xdy-pf2e-workbench-rarity-unique { + color: var(--rarity-unique); + border-color: var(--rarity-unique); +} diff --git a/sass/_actor-sheet-dark.scss b/sass/pf2e/_actor-sheet-dark.scss similarity index 100% rename from sass/_actor-sheet-dark.scss rename to sass/pf2e/_actor-sheet-dark.scss diff --git a/sass/_actor-sheet.scss b/sass/pf2e/_actor-sheet.scss similarity index 100% rename from sass/_actor-sheet.scss rename to sass/pf2e/_actor-sheet.scss diff --git a/sass/_combat.scss b/sass/pf2e/_combat.scss similarity index 100% rename from sass/_combat.scss rename to sass/pf2e/_combat.scss diff --git a/sass/_effects-panel.scss b/sass/pf2e/_effects-panel.scss similarity index 99% rename from sass/_effects-panel.scss rename to sass/pf2e/_effects-panel.scss index 60de670..f221028 100644 --- a/sass/_effects-panel.scss +++ b/sass/pf2e/_effects-panel.scss @@ -1,5 +1,3 @@ -@import "mixins"; - #ui-middle { position: relative; // The panel is positioned relative to this element } diff --git a/sass/_familiar-sheet.scss b/sass/pf2e/_familiar-sheet.scss similarity index 100% rename from sass/_familiar-sheet.scss rename to sass/pf2e/_familiar-sheet.scss diff --git a/sass/_globals-dark.scss b/sass/pf2e/_globals-dark.scss similarity index 100% rename from sass/_globals-dark.scss rename to sass/pf2e/_globals-dark.scss diff --git a/sass/_hazard-sheet.scss b/sass/pf2e/_hazard-sheet.scss similarity index 100% rename from sass/_hazard-sheet.scss rename to sass/pf2e/_hazard-sheet.scss diff --git a/sass/pf2e/_index.scss b/sass/pf2e/_index.scss new file mode 100644 index 0000000..1427940 --- /dev/null +++ b/sass/pf2e/_index.scss @@ -0,0 +1,10 @@ +@import "../mixins"; + +@import "actor-sheet"; +@import "actor-sheet-dark"; +@import "combat"; +@import "effects-panel"; +@import "familiar-sheet"; +@import "globals-dark"; +@import "hazard-sheet"; +@import "npc-sheet"; diff --git a/sass/_npc-sheet.scss b/sass/pf2e/_npc-sheet.scss similarity index 100% rename from sass/_npc-sheet.scss rename to sass/pf2e/_npc-sheet.scss diff --git a/styles/chat-bubbles.css b/styles/chat-bubbles.css deleted file mode 100644 index d2de7d7..0000000 --- a/styles/chat-bubbles.css +++ /dev/null @@ -1,45 +0,0 @@ -.chat-bubble { - border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - background-image: var(--sheet); - background-size: cover; -} - -.chat-bubble .bubble-content { - position: relative; - top: 0; -} - -.chat-bubble.left { - border-radius: 5px; -} - -.chat-bubble.right { - border-radius: 5px; -} - -.chat-bubble.emote { - border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - background-image: var(--sheet); - background-size: cover; - background-image: var(--sheet-dark); - color: var(--color-text-light-heading); - font-style: italic; -} - -.chat-bubble.chatter { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - border-radius: 5px; - color: var(--color-text-light-heading); -} - -/*# sourceMappingURL=chat-bubbles.css.map */ diff --git a/styles/chat-bubbles.css.map b/styles/chat-bubbles.css.map deleted file mode 100644 index 65c54c9..0000000 --- a/styles/chat-bubbles.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../sass/chat-bubbles.scss","../sass/_mixins.scss"],"names":[],"mappings":"AAEA;ECcE;EACA;AACA;EACA,YACE;EAgBF;EACA;;;ADhCF;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;ECCE;EACA;AACA;EACA,YACE;EAgBF;EACA;EDpBE;EACA;EACA;;;AAEJ;ECpBE;EACA;EACA;EACA;EACA;EDkBE;EACA","file":"chat-bubbles.css"} \ No newline at end of file diff --git a/styles/compact-ui.css b/styles/compact-ui.css deleted file mode 100644 index c4588b4..0000000 --- a/styles/compact-ui.css +++ /dev/null @@ -1,54 +0,0 @@ -body.compact-ui { - /* #controls ol .scene-control, - #controls ol .control-tool { - width: 28px; - height: 28px; - font-size: 18px; - line-height: 28px; - margin-bottom: 4px; - } */ - /* #hotbar:hover, - #custom-hotbar:hover */ -} -body.compact-ui #controls .main-controls .scene-control:not(.active, .toggle), -body.compact-ui #controls .sub-controls .control-tool:not(.active, .toggle) { - display: none; -} -body.compact-ui #controls { - pointer-events: all; - /* gap: 5px; */ - flex-wrap: nowrap; - /* width: 75px; */ - flex-direction: row; -} -body.compact-ui .main-controls { - display: flex; - flex-direction: column; -} -body.compact-ui #controls:hover .main-controls .scene-control, -body.compact-ui #controls:hover .sub-controls .control-tool { - display: block; -} -body.compact-ui #controls ol.main-controls.app.control-tools { - width: unset; -} -body.compact-ui #navigation #scene-list .scene:not(.active, .view), -body.compact-ui #navigation #nav-toggle { - display: none; -} -body.compact-ui #navigation { - pointer-events: all; -} -body.compact-ui #navigation:hover #scene-list .scene { - display: flex; -} -body.compact-ui #players { - opacity: 0; - transition: opacity 0.25s ease-in-out; -} -body.compact-ui #players:hover { - transition: opacity 0.25s ease-in-out; - opacity: 1; -} - -/*# sourceMappingURL=compact-ui.css.map */ diff --git a/styles/compact-ui.css.map b/styles/compact-ui.css.map deleted file mode 100644 index 56bf407..0000000 --- a/styles/compact-ui.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../sass/compact-ui.scss"],"names":[],"mappings":"AAAA;AAwBE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BA;AAAA;;AAtDA;AAAA;EAEE;;AAGF;EACE;AACA;EACA;AACA;EACA;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAYF;EACE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAMF;EACE;EACA","file":"compact-ui.css"} \ No newline at end of file diff --git a/styles/dark-theme.css.map b/styles/dark-theme.css.map deleted file mode 100644 index 1c26060..0000000 --- a/styles/dark-theme.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../sass/dark-theme.scss","../sass/_mixins.scss"],"names":[],"mappings":"AAGE;ECFA;EACA;EACA;EACA;EACA;EAKA;EDJE;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;EACA;;AAEA;EACE;;;AAKF;EACE;;;AAIJ;EChBE;EACA;AACA;EACA,YACE;EAgBF;EACA;EDHA;;;AAGF;EACE;EACA;;;AAQA;EACE;;AAGF;ECnCA;EACA;AACA;EACA,YACE;EAgBF;EACA;EDgBE;EACA;;AAIA;AAAA;AAAA;EAGE;;AAGJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EC9FA;EACA;EACA;EACA;EACA;EAKA;EDwFE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE;EACA;;AAKF;ECnHJ;EACA;EACA;EACA;EACA;EDiHM;;AAIA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAMJ;EACE;EACA;;AAIJ;AAAA;EC/IA;EACA;EACA;EACA;EACA;ED8IE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECtJA;EACA;EACA;EACA;EACA;ED2JE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAKN;EC7LA;EACA;EACA;EACA;EACA;EAKA;EDuLE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAkBF;AAAA;AAAA;AAAA;EAIE;;AAGF;EAEE;;AAGF;ECjPA;EACA;EACA;EACA;EACA;ED+OE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAEF;EACE;;AAIJ;EC7QA;EACA;EACA;EACA;EACA;EAKA;EDuQE;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AACA;EACE;EACA;;AAMJ;EACE;;AAEF;EACE;;AAEF;EACE;;;AAKN;AACA;AACA;AAEA;EACE;;AACA;EACE;;AAIA;EACE;;AAGF;EACE;EACA","file":"dark-theme.css"} \ No newline at end of file diff --git a/styles/dorako-ui.css b/styles/dorako-ui.css index 21e3806..00cfda1 100644 --- a/styles/dorako-ui.css +++ b/styles/dorako-ui.css @@ -167,637 +167,733 @@ text-shadow: 0px 0px 3px black; } -/* ----------------------------------------- */ -/* Color definitions */ -/* ----------------------------------------- */ -/* Colors */ -/* Global */ -/* used for mini headers, alternate primary color */ -/* compliments the primary color, usually used in combination */ -/* for all other uses */ -/* Lighter / Darker */ -/* Text */ -/* ----------------------------------------- */ -/* Color schemes */ -/* ----------------------------------------- */ -/* Proficiency ranks */ -/* Rarities */ -/* Degrees of success */ -/* Value adjustments (e.g. weak/elite) */ -/* ----------------------------------------- */ -/* CSS Custom Properties */ -/* ----------------------------------------- */ -:root { - /* Global */ - --primary: #5e0000; - --primary-light: #b10000; - --primary-dark: #380000; - --secondary: #171f69; - --secondary-light: #2836b7; - --secondary-dark: #0d113a; - --tertiary: #e9d7a1; - --rarity-common: #323232; - --rarity-uncommon: #98513d; - --rarity-rare: #002664; - --rarity-unique: #54166e; - --alt: #786452; - --alt-dark: #443730; - --bg: #f8f4f1; - --bg-dark: #e7d9cf; - --gold-brown: #956d58; - --sub: #605856; - --color-disabled: #ababab; - --blind-bg: #a57aa5; - --whisper-bg: #e3e3ff; - --inline-link-bg: #ddd; - --inline-repost-bg: #eaeaea; - --visibility-gm-bg: #e8e8ef; - --visibility-owner-bg: #ddebe1; - --blind-roll: #f5eaf5; - /* Lighter / Darker */ - --light: #910000; - --dark: #2b0000; - --tertiary-dark: #dfc578; - --tertiary-light: #f3e9ca; - /* Text */ - --body: var(--text-dark); - --color-text-trait: #f5efe0; - --text-dark: #1c1c1c; - --text-light: white; - /* Borders */ - --color-border-trait: #d8c384; - --color-border-divider: #baa991; - /* Headers w/ boxes */ - --header-color: var(--text-light); - --header-bg: var(--secondary); - /* Sidebar */ - --sidebar-label: var(--tertiary-dark); - --sidebar-title: var(--tertiary); - /* App UI */ - --glass-bg: rgba(20, 20, 20, 0.6); - --glass-bg-light: rgba(255, 255, 255, 0.1); - --glass-bg-dark: rgba(0, 0, 0, 0.7); - --gold-and-glow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), inset 0 0 3px rgba(255, 255, 255, 0.5); - --glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1), - 0px 0px 5px 0px rgba(0, 0, 0, 0.5); - --sheet-light: url(../img/background-light.webp); - --sheet-dark: url(../img/background-dark4.webp); - --header: url(../img/blue_header.webp); - --banner-top: url(../img/blue_sidebar_top.webp); - --banner-bottom: url(../img/blue_sidebar_bottom.webp); +.dorako-ui.dark-theme #sidebar .settings-sidebar button { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + text-shadow: 0 0 3px black; + background-color: var(--glass-bg-light); + color: var(--color-text-light-heading); +} +.dorako-ui.dark-theme #sidebar .settings-sidebar button:hover { + background-color: var(--glass-bg); + color: var(--color-text-light-highlight); } -.combat-sidebar .drag-gap { - visibility: hidden; +.dorako-ui.dark-theme.dialog .dialog-buttons button.default { + background-color: var(--secondary); + border: none; } -.combat-sidebar .hidden-name .token-name h4 { - color: var(--color-text-light-7); +.dorako-ui.dark-theme.dialog .dialog-buttons button.default:hover { + background-color: var(--secondary-light); } -.combat-sidebar li.combatant .token-image { - margin: 2px; + +.dorako-ui.dark-theme form .form-group.buttons { + gap: 5px; } -.combat-sidebar li.combatant .token-name img.token-effect { - border-radius: 50%; - border: 1px solid var(--tertiary); - box-shadow: 1px 1px 4px #222; + +.dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .item-summary, .dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details label, .dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details label { + color: var(--color-text-light-heading); } -.combat-sidebar li.combatant.defeated img { - transform: unset; + +.dorako-ui.dark-theme.pf2e.item.sheet form .item-rules .rule-form .attached-input button { + background-color: var(--primary-dark); + border: none; } -.combat-sidebar li.combatant.active { - background: var(--primary); - color: var(--color-text-light-highlight); +.dorako-ui.dark-theme.pf2e.item.sheet form .item-rules .rule-form .attached-input input { + border-radius: 0px 3px 3px 0px; } -/* ----------------------------------------- */ -/* Controls */ -/* ----------------------------------------- */ -#controls ol.control-tools.sub-controls > li, -#controls ol.control-tools.main-controls { - margin-right: 8px; +.dorako-ui .dorako-ui.dark-theme.window-content { + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + background-image: var(--sheet); + background-size: cover; + color: var(--color-text-light-heading); } -nav#controls.dorako-ui { - padding-top: 12px; +.dorako-ui.dark-theme { + --color-underline-active: var(--tertiary-dark); + --color-underline-header: var(--tertiary-dark); } -nav#controls.dorako-ui ol.control-tools.main-control { - margin-right: 8px; + +.dorako-ui.dark-theme.window-app footer.flexrow { + gap: 3px; } -nav#controls.dorako-ui ol.control-tools li.control-tool, -nav#controls.dorako-ui ol.control-tools > li { +.dorako-ui.dark-theme.window-app .window-content { + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + background-image: var(--sheet); + background-size: cover; + background-image: var(--sheet-dark); + color: var(--color-text-light-heading); +} +.dorako-ui.dark-theme.window-app#module-management .package-list .package-title, +.dorako-ui.dark-theme.window-app#module-management .package-list .package-metadata, +.dorako-ui.dark-theme.window-app#module-management .package-list .package-description { + color: var(--color-text-light-highlight); +} +.dorako-ui.dark-theme.window-app.package-configuration aside.sidebar { + border: none; +} +.dorako-ui.dark-theme.window-app.sheet header.sheet-header img { + box-shadow: var(--gold-and-glow); + border-radius: 5px; +} +.dorako-ui.dark-theme.window-app textarea { + color: white; + border: 1px solid var(--tertiary); +} +.dorako-ui.dark-theme.window-app a[href] { + color: var(--tertiary-dark); +} +.dorako-ui.dark-theme.window-app hr { + border-top: 1px solid var(--tertiary); + border-bottom: 1px solid black; +} +.dorako-ui.dark-theme.window-app.sheet footer.sheet-footer { + gap: 5px; +} +.dorako-ui.dark-theme.window-app .compendium.directory .directory-list .directory-item { + border: none; +} +.dorako-ui.dark-theme.window-app button:not(.tox-tbtn) { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - text-shadow: 0px 0px 3px black; - border-radius: 3px; - margin-bottom: 8px; -} -nav#controls.dorako-ui ol.control-tools li.control-tool img, -nav#controls.dorako-ui ol.control-tools > li img { - filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black); + text-shadow: 0 0 3px black; + color: var(--color-text-light-heading); } -nav#controls.dorako-ui ol.control-tools li.control-tool.active, nav#controls.dorako-ui ol.control-tools li.control-tool:hover, -nav#controls.dorako-ui ol.control-tools > li.active, -nav#controls.dorako-ui ol.control-tools > li:hover { +.dorako-ui.dark-theme.window-app button:not(.tox-tbtn):hover { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - color: var(--color-text-light-highlight); background-color: var(--primary); + color: var(--color-text-light-highlight); + box-shadow: var(--glassy); } -nav#controls.dorako-ui ol.control-tools li.control-tool.active img, nav#controls.dorako-ui ol.control-tools li.control-tool:hover img, -nav#controls.dorako-ui ol.control-tools > li.active img, -nav#controls.dorako-ui ol.control-tools > li:hover img { - filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); +.dorako-ui.dark-theme.window-app button:not(.tox-tbtn).privacy { + background-color: #2e0587; } -nav#controls.dorako-ui ol.control-tools li.control-tool.toggle, -nav#controls.dorako-ui ol.control-tools > li.toggle { +.dorako-ui.dark-theme.window-app button:not(.tox-tbtn).privacy:hover { + color: var(--color-text-light-heading); + background-color: #440eb9; +} +.dorako-ui.dark-theme.window-app button:not(.tox-tbtn).pm-dropdown ul { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - background-color: var(--secondary-dark); + backdrop-filter: blur(5px); } -nav#controls.dorako-ui ol.control-tools li.control-tool.toggle.active, nav#controls.dorako-ui ol.control-tools li.control-tool.toggle:hover, -nav#controls.dorako-ui ol.control-tools > li.toggle.active, -nav#controls.dorako-ui ol.control-tools > li.toggle:hover { +.dorako-ui.dark-theme.window-app button:not(.tox-tbtn).pm-dropdown li:hover { + background: rgba(0, 0, 0, 0.5); +} +.dorako-ui.dark-theme.window-app button:not(.tox-tbtn).pm-dropdown i { + color: var(--color-text-light-heading); +} +.dorako-ui.dark-theme.window-app button:not(.tox-tbtn).pm-dropdown:hover i { + color: var(--color-text-light-highlight); +} +.dorako-ui.dark-theme.window-app .private button.privacy { + color: var(--color-text-light-highlight); + background-color: #440eb9; +} +.dorako-ui.dark-theme.window-app.token-sheet .form-group.children-disabled .range-value, +.dorako-ui.dark-theme.window-app input[type=range] + .range-value { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - color: white; - background-color: var(--secondary-light); + background-color: rgba(0, 0, 0, 0.8); + color: var(--color-text-light-heading); } - -#darkness-adjuster.dorako-ui { +.dorako-ui.dark-theme.window-app input[type=checkbox]:not(.dorako-ui-skip), +.dorako-ui.dark-theme.window-app input[type=text]:not(.dorako-ui-skip), +.dorako-ui.dark-theme.window-app input[type=number]:not(.dorako-ui-skip), +.dorako-ui.dark-theme.window-app input[type=password]:not(.dorako-ui-skip), +.dorako-ui.dark-theme.window-app input[type=date]:not(.dorako-ui-skip), +.dorako-ui.dark-theme.window-app input[type=time]:not(.dorako-ui-skip), +.dorako-ui.dark-theme.window-app input[type=search]:not(.dorako-ui-skip) { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - height: 36px !important; - border-radius: 3px; - backdrop-filter: blur(5px); -} -#darkness-adjuster.dorako-ui .window-content { - overflow: hidden; - background: unset; - box-shadow: unset; - border: none; + padding-left: 5px; + color: var(--color-text-light-heading); + accent-color: var(--tertiary); } - -#ui-middle { - position: relative; +.dorako-ui.dark-theme.window-app input[type=checkbox]:not(.dorako-ui-skip):checked, +.dorako-ui.dark-theme.window-app input[type=text]:not(.dorako-ui-skip):checked, +.dorako-ui.dark-theme.window-app input[type=number]:not(.dorako-ui-skip):checked, +.dorako-ui.dark-theme.window-app input[type=password]:not(.dorako-ui-skip):checked, +.dorako-ui.dark-theme.window-app input[type=date]:not(.dorako-ui-skip):checked, +.dorako-ui.dark-theme.window-app input[type=time]:not(.dorako-ui-skip):checked, +.dorako-ui.dark-theme.window-app input[type=search]:not(.dorako-ui-skip):checked { + box-shadow: unset; + accent-color: var(--tertiary); + filter: none; } - -.effect-panel.dorako-ui { - pointer-events: initial; - position: absolute; - top: 5px; - top: 0px; - right: 3px; - right: -3px; - overflow: hidden scroll; - height: calc(100% - 62px); - height: 100%; - padding-top: 5px; - padding-bottom: 10%; - padding-left: 15px; +.dorako-ui.dark-theme.window-app input[type=checkbox]:not(.dorako-ui-skip):hover, +.dorako-ui.dark-theme.window-app input[type=text]:not(.dorako-ui-skip):hover, +.dorako-ui.dark-theme.window-app input[type=number]:not(.dorako-ui-skip):hover, +.dorako-ui.dark-theme.window-app input[type=password]:not(.dorako-ui-skip):hover, +.dorako-ui.dark-theme.window-app input[type=date]:not(.dorako-ui-skip):hover, +.dorako-ui.dark-theme.window-app input[type=time]:not(.dorako-ui-skip):hover, +.dorako-ui.dark-theme.window-app input[type=search]:not(.dorako-ui-skip):hover { + background-color: var(--secondary-dark); + color: var(--color-text-light-highlight); } -.effect-panel.dorako-ui::-webkit-scrollbar-track { - box-shadow: none; +.dorako-ui.dark-theme.window-app input[type=checkbox]:not(.dorako-ui-skip):focus, +.dorako-ui.dark-theme.window-app input[type=text]:not(.dorako-ui-skip):focus, +.dorako-ui.dark-theme.window-app input[type=number]:not(.dorako-ui-skip):focus, +.dorako-ui.dark-theme.window-app input[type=password]:not(.dorako-ui-skip):focus, +.dorako-ui.dark-theme.window-app input[type=date]:not(.dorako-ui-skip):focus, +.dorako-ui.dark-theme.window-app input[type=time]:not(.dorako-ui-skip):focus, +.dorako-ui.dark-theme.window-app input[type=search]:not(.dorako-ui-skip):focus { + background-color: var(--secondary); + color: white; } -.effect-panel.dorako-ui .effect-item { - display: flex; - justify-content: flex-end; - height: 46px; - margin-bottom: 0.2em; - margin-right: 3px; +.dorako-ui.dark-theme.window-app input[type=checkbox]:not(.dorako-ui-skip):disabled, +.dorako-ui.dark-theme.window-app input[type=text]:not(.dorako-ui-skip):disabled, +.dorako-ui.dark-theme.window-app input[type=number]:not(.dorako-ui-skip):disabled, +.dorako-ui.dark-theme.window-app input[type=password]:not(.dorako-ui-skip):disabled, +.dorako-ui.dark-theme.window-app input[type=date]:not(.dorako-ui-skip):disabled, +.dorako-ui.dark-theme.window-app input[type=time]:not(.dorako-ui-skip):disabled, +.dorako-ui.dark-theme.window-app input[type=search]:not(.dorako-ui-skip):disabled { + color: var(--color-border-dark-tertiary); + background-color: rgba(0, 0, 0, 0.8); } -.effect-panel.dorako-ui .effect-item:hover .effect-info { - display: block; +.dorako-ui.dark-theme.window-app input[type=checkbox]:not(.dorako-ui-skip):disabled:hover, +.dorako-ui.dark-theme.window-app input[type=text]:not(.dorako-ui-skip):disabled:hover, +.dorako-ui.dark-theme.window-app input[type=number]:not(.dorako-ui-skip):disabled:hover, +.dorako-ui.dark-theme.window-app input[type=password]:not(.dorako-ui-skip):disabled:hover, +.dorako-ui.dark-theme.window-app input[type=date]:not(.dorako-ui-skip):disabled:hover, +.dorako-ui.dark-theme.window-app input[type=time]:not(.dorako-ui-skip):disabled:hover, +.dorako-ui.dark-theme.window-app input[type=search]:not(.dorako-ui-skip):disabled:hover { + color: var(--color-border-dark-tertiary); + background-color: rgba(0, 0, 0, 0.8); } -.effect-panel.dorako-ui .effect-item .effect-info { +.dorako-ui.dark-theme.window-app select:not(.dorako-ui-skip) { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - display: none; - height: min-content; - margin: 3px; - margin-right: 0.5em; - padding: 4px 8px; - backdrop-filter: blur(5px); - z-index: var(--z-index-tooltip); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + color: var(--color-text-light-heading); } -.effect-panel.dorako-ui .effect-item .effect-info h1 { - font-size: var(--font-size-16); +.dorako-ui.dark-theme.window-app select:not(.dorako-ui-skip):hover { + background-color: var(--secondary-dark); color: var(--color-text-light-highlight); - text-align: right; - border: none; } -.effect-panel.dorako-ui .effect-item .effect-info p:last-child { - margin-bottom: 0px; +.dorako-ui.dark-theme.window-app select:not(.dorako-ui-skip) option { + background-color: rgb(37, 37, 37); + color: var(--color-text-light-heading); } -.effect-panel.dorako-ui .effect-item .effect-info .tags { - justify-content: flex-end; +.dorako-ui.dark-theme.window-app select:not(.dorako-ui-skip) optgroup { + background-color: rgb(37, 37, 37); + color: var(--color-text-light-highlight); } -.effect-panel.dorako-ui .effect-item .effect-info .tags .tag { - margin-bottom: 0; +.dorako-ui.dark-theme.window-app input[type=color][data-edit] { + border: none; } -.effect-panel.dorako-ui .effect-item .effect-info .tags .tag + .tag, .effect-panel.dorako-ui .effect-item .effect-info .tags .tag:first-child { - margin-left: 3px; - margin-right: -2px; +.dorako-ui.dark-theme.window-app form .form-group.slim .form-fields > label, +.dorako-ui.dark-theme.window-app form .form-group span.units, +.dorako-ui.dark-theme.window-app form .notes, +.dorako-ui.dark-theme.window-app form .hint { + color: var(--color-text-dark-6); } -.effect-panel.dorako-ui .effect-item .effect-info .instructions { - color: var(--color-text-light-heading); - font-size: 0.75em; - text-align: right; +.dorako-ui.dark-theme.window-app.filepicker .private .directory, .dorako-ui.dark-theme.window-app.filepicker .public .private.dir { + background: rgba(115, 49, 255, 0.15); } -.effect-panel.dorako-ui .effect-item .icon { +.dorako-ui.dark-theme.window-app.filepicker .display-modes a { border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); - border-radius: 50%; - align-items: center; - background-repeat: no-repeat; - background-size: contain; - color: transparent; - display: flex; - justify-content: center; - position: relative; - height: 42px; - width: 42px; - margin-left: 3px; -} -.effect-panel.dorako-ui .effect-item .icon .expired { - position: absolute; - left: auto; - bottom: -1px; - width: 80%; - width: unset; - padding: 2px 2px; - color: white; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); color: var(--color-text-light-highlight); - background-color: var(--primary-light); - text-shadow: 0px 0px 3px black; - box-shadow: var(--gold-and-glow); - border-radius: 2px; + text-shadow: 0 0 3px black; } -.effect-panel.dorako-ui .effect-item .icon .linked { - position: absolute; - display: inline-block; - bottom: -1px; - right: -1px; - padding: 0px 2px; - color: white; +.dorako-ui.dark-theme.window-app.filepicker .display-modes a:hover { + background: var(--primary); color: var(--color-text-light-highlight); - background-color: rgba(0, 0, 0, 0.75); - background: none; - text-shadow: 0px 1px 5px black, 0px 1px 5px black; } -.effect-panel.dorako-ui .effect-item .icon .value { - position: absolute; - display: inline-block; - bottom: -1px; - left: -1px; - padding: 0px 2px; - color: white; +.dorako-ui.dark-theme.window-app.filepicker .display-modes a.active { + background: var(--primary); color: var(--color-text-light-highlight); - background-color: rgba(0, 0, 0, 0.75); - background: none; - text-shadow: 0px 1px 5px black, 0px 1px 5px black; + text-shadow: 0 0 3px black; } -.effect-panel.dorako-ui .effect-item .icon.unidentified { - filter: drop-shadow(0 0 8px var(--blind-bg)); +.dorako-ui.dark-theme.window-app#world-clock section.window-content .input-grid button img { + border: none; + height: 1.5em; + filter: invert(1) sepia() brightness(0.8) drop-shadow(0px 0px 3px black); } -.effect-panel.dorako-ui hr { - margin-right: 6; - margin-right: 2px; - width: 36px; - width: 42px; - border-top: 1px solid var(--tertiary); - border-bottom: 1px solid var(--gold-brown); - box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); +.dorako-ui.dark-theme.window-app#world-clock section.window-content .input-grid button:hover img { + filter: invert(1) sepia() brightness(0.9) drop-shadow(0px 0px 3px black); } - -/* ----------------------------------------- */ -/* Hotbar */ -/* ----------------------------------------- */ -#hotbar.dorako-ui .macro { - height: calc(var(--macro-size) + 2px); - width: calc(var(--macro-size) + 2px); +.dorako-ui.dark-theme.window-app#keybindings .binding .key { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - box-shadow: none; -} -#hotbar.dorako-ui .macro.inactive::before, #hotbar.dorako-ui .macro.active::before { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: var(--glassy); - border-radius: 3px; - overflow: hidden; - pointer-events: none; + color: var(--color-text-light-heading); + text-shadow: 0 0 3px black; } -#hotbar.dorako-ui .macro.active:hover::before { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy); - border-radius: 3px; - overflow: hidden; - pointer-events: none; +.dorako-ui.dark-theme.window-app#keybindings .binding .key:hover { + background-color: var(--primary); + color: var(--color-text-light-highlight); } -#hotbar.dorako-ui .macro .macro-key { - background: none; - right: 6px; - padding: 0px; - font-weight: initial; - text-shadow: 0px 1px 5px black, 0px 1px 5px black; +.dorako-ui.dark-theme.window-app#keybindings .binding .key.uneditable { + background-color: rgba(0, 0, 0, 0.8); } -#hotbar.dorako-ui .macro .macro-icon { - border-radius: 3px; - border: none; - height: calc(var(--macro-size) + 2px); - width: calc(var(--macro-size) + 2px); +.dorako-ui.dark-theme.window-app#keybindings .binding .key.uneditable:hover { + color: var(--color-text-light-heading); + background-color: rgba(0, 0, 0, 0.8); } -#hotbar.dorako-ui .macro.inactive { - box-shadow: none; +.dorako-ui.dark-theme.window-app#invitation-links .connection.closed { + color: rgba(255, 0, 19, 0.6); } -#hotbar.dorako-ui .macro:hover { - border: none; - background-color: var(--primary-light); +.dorako-ui.dark-theme.window-app#invitation-links .connection.open { + color: green; } -#hotbar.dorako-ui .macro.active:hover { +.dorako-ui.dark-theme.window-app#invitation-links .connection.unknown { + color: rgba(250, 219, 60, 0.814); +} + +/* ----------------------------------------- */ +/* Critical hit/fumble deck */ +/* ----------------------------------------- */ +.app.journal-entry .window-content .journal-entry-content.dorako-ui.dark-theme { + background: var(--sheet-dark); +} +.app.journal-entry .window-content .journal-entry-content.dorako-ui.dark-theme .journal-header .title { + color: var(--color-text-light-heading); +} +.app.journal-entry .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck blockquote, +.app.journal-entry .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck blockquote { + box-shadow: var(--glassy); +} +.app.journal-entry .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck h1, +.app.journal-entry .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck h1 { + box-shadow: var(--gold-and-glow); + margin-left: 2px; +} + +.chat-bubble { border: none; - background-color: var(--primary-dark); + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + background-image: var(--sheet); + background-size: cover; } -#hotbar.dorako-ui #macro-list { - gap: 5px; - margin: 0px 5px; + +.chat-bubble .bubble-content { + position: relative; + top: 0; +} + +.chat-bubble.left { + border-radius: 5px; +} + +.chat-bubble.right { + border-radius: 5px; +} + +.chat-bubble.emote { border: none; - grid-template-columns: repeat(10, calc(var(--macro-size) + 2px)); + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + background-image: var(--sheet); + background-size: cover; + background-image: var(--sheet-dark); + color: var(--color-text-light-heading); + font-style: italic; } -#hotbar.dorako-ui .bar-controls { + +.chat-bubble.chatter { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); + border-radius: 5px; + color: var(--color-text-light-heading); } -@media (max-width: 1120px) { - #hotbar { - width: 354px; - height: 110px; - } - #hotbar #macro-list { - grid-template-columns: repeat(5, 50px); - } +body.compact-ui { + /* #controls ol .scene-control, + #controls ol .control-tool { + width: 28px; + height: 28px; + font-size: 18px; + line-height: 28px; + margin-bottom: 4px; + } */ + /* #hotbar:hover, + #custom-hotbar:hover */ +} +body.compact-ui #controls .main-controls .scene-control:not(.active, .toggle), +body.compact-ui #controls .sub-controls .control-tool:not(.active, .toggle) { + display: none; +} +body.compact-ui #controls { + pointer-events: all; + /* gap: 5px; */ + flex-wrap: nowrap; + /* width: 75px; */ + flex-direction: row; +} +body.compact-ui .main-controls { + display: flex; + flex-direction: column; +} +body.compact-ui #controls:hover .main-controls .scene-control, +body.compact-ui #controls:hover .sub-controls .control-tool { + display: block; } +body.compact-ui #controls ol.main-controls.app.control-tools { + width: unset; +} +body.compact-ui #navigation #scene-list .scene:not(.active, .view), +body.compact-ui #navigation #nav-toggle { + display: none; +} +body.compact-ui #navigation { + pointer-events: all; +} +body.compact-ui #navigation:hover #scene-list .scene { + display: flex; +} +body.compact-ui #players { + opacity: 0; + transition: opacity 0.25s ease-in-out; +} +body.compact-ui #players:hover { + transition: opacity 0.25s ease-in-out; + opacity: 1; +} + /* ----------------------------------------- */ -/* Scene Navigation */ +/* Controls */ /* ----------------------------------------- */ -nav#navigation.dorako-ui { - color: var(--color-text-light-heading); - width: calc(100% - 46px); +#controls ol.control-tools.sub-controls > li, +#controls ol.control-tools.main-controls { + margin-right: 8px; } -nav#navigation.dorako-ui #nav-toggle { + +nav#controls.dorako-ui { + padding-top: 12px; +} +nav#controls.dorako-ui ol.control-tools.main-control { + margin-right: 8px; +} +nav#controls.dorako-ui ol.control-tools li.control-tool, +nav#controls.dorako-ui ol.control-tools > li { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - transition: 0.25s; - flex: 0 0 32px; - height: 32px; + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + text-shadow: 0px 0px 3px black; + border-radius: 3px; + margin-bottom: 8px; } -nav#navigation.dorako-ui ol#scene-list li.nav-item { +nav#controls.dorako-ui ol.control-tools li.control-tool img, +nav#controls.dorako-ui ol.control-tools > li img { + filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black); +} +nav#controls.dorako-ui ol.control-tools li.control-tool.active, nav#controls.dorako-ui ol.control-tools li.control-tool:hover, +nav#controls.dorako-ui ol.control-tools > li.active, +nav#controls.dorako-ui ol.control-tools > li:hover { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - transition: 0.25s; - text-shadow: 0px 0px 3px black; -} -nav#navigation.dorako-ui ol#scene-list li.nav-item > a:hover { - text-shadow: unset; -} -nav#navigation.dorako-ui ol#scene-list li.nav-item .scene-players { - text-shadow: none; -} -nav#navigation.dorako-ui ol#scene-list li.nav-item:hover { color: var(--color-text-light-highlight); background-color: var(--primary); } -nav#navigation.dorako-ui ol#scene-list li.nav-item.view { +nav#controls.dorako-ui ol.control-tools li.control-tool.active img, nav#controls.dorako-ui ol.control-tools li.control-tool:hover img, +nav#controls.dorako-ui ol.control-tools > li.active img, +nav#controls.dorako-ui ol.control-tools > li:hover img { + filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); +} +nav#controls.dorako-ui ol.control-tools li.control-tool.toggle, +nav#controls.dorako-ui ol.control-tools > li.toggle { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - background-color: var(--primary); - color: var(--color-text-light-highlight); -} -nav#navigation.dorako-ui ol#scene-list li.nav-item.view:hover { - color: white; - background-color: var(--primary-light); + background-color: var(--secondary-dark); } -nav#navigation.dorako-ui ol#scene-list li.nav-item.gm { +nav#controls.dorako-ui ol.control-tools li.control-tool.toggle.active, nav#controls.dorako-ui ol.control-tools li.control-tool.toggle:hover, +nav#controls.dorako-ui ol.control-tools > li.toggle.active, +nav#controls.dorako-ui ol.control-tools > li.toggle:hover { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - background-color: var(--secondary-dark); -} -nav#navigation.dorako-ui ol#scene-list li.nav-item.gm:hover, nav#navigation.dorako-ui ol#scene-list li.nav-item.gm.view { - color: var(--color-text-light-highlight); + color: white; background-color: var(--secondary-light); } -nav#navigation.dorako-ui ol#scene-list li.nav-item.context { - box-shadow: var(--glassy); - border: none; -} -nav#navigation.dorako-ui ol#scene-list li.nav-item.active { - box-shadow: var(--gold-and-glow), var(--glassy); -} -/* ----------------------------------------- */ -/* Notifications */ -/* ----------------------------------------- */ -.dorako-ui .notification { +#darkness-adjuster.dorako-ui { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - text-shadow: 0px 0px 3px black; - color: var(--color-text-light-highlight); -} -.dorako-ui .notification.info { - background-color: var(--secondary); - border: none; -} -.dorako-ui .notification.error { - background-color: var(--primary); - border: none; + height: 36px !important; + border-radius: 3px; + backdrop-filter: blur(5px); } -.dorako-ui .notification.warning, .dorako-ui .notification.alert { - background-color: #ECBF41; - color: black; - text-shadow: none; +#darkness-adjuster.dorako-ui .window-content { + overflow: hidden; + background: unset; + box-shadow: unset; border: none; } /* ----------------------------------------- */ -/* Sidebar */ +/* Forms */ /* ----------------------------------------- */ -#ui-right #sidebar { - height: -webkit-fill-available; -} -#ui-right #sidebar.collapsed { - height: auto; -} - -section.chat-sidebar { - gap: 5px; - padding-bottom: 5px; -} - -#chat-form { - margin: 0px 6px; -} -#chat-form textarea { - background: rgb(212, 213, 205); - border: 1px solid #7a7971; -} - -#chat-log { - margin-left: 4px; +.dorako-ui.sheet nav.sheet-tabs { + background-color: var(--bg); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); + border: 1px solid var(--color-border-light-primary); + border-radius: 3px; + margin: 2px; } -#chat-log li.dorako-ui:first-child { - margin-top: 2px; +.dorako-ui.sheet nav.sheet-tabs .item:not(.active):hover { + color: var(--secondary-light); + text-shadow: 0px 0px 10px var(--secondary-light); } - -.sidebar-tab .message.chat-message { - text-shadow: none; +.dorako-ui.sheet nav.sheet-tabs .item.active { + color: var(--secondary-light); + text-shadow: 0px 0px 10px var(--secondary-light); } -#sidebar.dorako-ui { +.dorako-ui.dark-theme.sheet nav.sheet-tabs { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - border: none; - border-radius: 6px 3px 3px 3px; -} -#sidebar.dorako-ui.collapsed { - border-radius: 3px; + background: var(--glass-bg-light); } -#sidebar.dorako-ui.collapsed #sidebar-tabs .item.active { - border: none; - margin: 2px 4px; +.dorako-ui.dark-theme.sheet nav.sheet-tabs .item:not(.active):hover { + color: var(--tertiary); + text-shadow: 0px 0px 10px var(--tertiary); } -#sidebar.dorako-ui #sidebar-tabs { - --sidebar-tab-height: 20px; - --sidebar-tab-width: 20px; - border: none; - box-shadow: none; - margin: 0px; - margin-top: 1px; +.dorako-ui.dark-theme.sheet nav.sheet-tabs .item.active { + color: var(--tertiary); + text-shadow: 0px 0px 10px var(--tertiary); } -#sidebar.dorako-ui #sidebar-tabs > .collapse { - --sidebar-tab-width: 12px; - position: relative; + +.dorako-ui.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row:hover, .dorako-ui.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row.active { + color: var(--secondary-light); + text-shadow: 0px 0px 10px; + text-decoration: unset; } -#sidebar.dorako-ui #sidebar-tabs .item { - border: none; - margin: 2px 0px; - text-shadow: 0px 0px 3px black; + +.dorako-ui.dark-theme.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row:hover, .dorako-ui.dark-theme.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row.active { + color: var(--tertiary); + text-shadow: 0px 0px 10px var(--tertiary); + text-decoration: unset; } -#sidebar.dorako-ui #sidebar-tabs .item.active { + +.dorako-ui form button:not(.pm-dropdown) { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + border: 1px solid var(--color-border-light-primary); +} +.dorako-ui form button:not(.pm-dropdown):hover { + background-color: var(--primary-light); + color: var(--color-text-light-highlight); + border: 1px solid var(--tertiary); +} +.dorako-ui form button:not(.pm-dropdown):active { + background-color: var(--primary-light); + color: white; + border: 1px solid var(--gold-brown); +} + +.dorako-ui.pf2e.item.sheet .sheet-header img { border: none; margin: 2px; /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - margin: 2px 0px; - border-radius: 3px; - color: white; - background-color: var(--primary-light); + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); + border-radius: 5px; + margin-right: 8px; } -.dorako-ui #chat-controls i.fas { - line-height: 24px; +.dorako-ui.pf2e.item.sheet form .form-list { + padding: 0.5em 1em; + border-image-repeat: repeat; + border-image-slice: 11; + border-image-source: var(--ornamentation); + border-image-width: 14px; + border-style: double; } -.dorako-ui #chat-controls .roll-type-select { - margin-left: 0px; + +.dorako-ui.app.token-sheet .tab.active[data-tab=appearance] fieldset { + border-image-repeat: repeat; + border-image-slice: 11; + border-image-source: var(--ornamentation); + border-image-width: 14px; + border-style: double; +} +.dorako-ui.app.token-sheet .tab.active[data-tab=appearance] fieldset legend { + color: var(--color-text-dark-primary); + margin-left: 5px; } -#token-hud .status-effects { - background: none; - box-shadow: none; +.dorako-ui.pf2e.item.sheet .sheet-header { border: none; - padding: 0px; - grid-template-columns: repeat(5, 1fr); - width: auto; - gap: 8px; } -#token-hud .status-effects .effect-control { + +.dorako-ui.dark-theme.app.token-sheet .tab.active[data-tab=appearance] fieldset legend { + color: var(--color-text-light-heading); +} + +.dorako-ui.pf2e.item.sheet form .sheet-navigation { + border-radius: 3px; border: none; - margin: 0px; - padding: 0px; + border: 1px solid var(--color-border-light-primary); + background: var(--bg); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0px -1px 2px rgba(255, 255, 255, 0.3) inset; +} + +.dorako-ui.dark-theme.pf2e.item.sheet form .sheet-navigation { + border: none; + border-radius: 3px; + background: none; background-color: var(--glass-bg); + box-shadow: var(--glassy); + background: var(--glass-bg-light); } -#token-hud .status-effects .effect-control::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; + +.dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .tab.item-details label { + color: var(--color-text-light-heading); +} + +.dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body input[type=text], .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body input[type=number], .dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content select { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); box-shadow: var(--glassy); +} + +.dorako-ui.window-app.filepicker .display-modes a:hover { + text-shadow: 0px 0px 3px black; + background-color: var(--primary); + color: var(--color-text-light-highlight); +} +.dorako-ui.window-app.filepicker .display-modes a.active { + text-shadow: 0px 0px 3px black; + background-color: var(--primary); + color: var(--color-text-light-highlight); +} + +.dorako-ui.window-app input[type=text], +.dorako-ui.window-app input[type=number], +.dorako-ui.window-app input[type=password], +.dorako-ui.window-app input[type=date], +.dorako-ui.window-app input[type=time], +.dorako-ui.window-app input[type=search], +.dorako-ui.window-app input[type=checkbox], +.dorako-ui.window-app input[type=radio] { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + accent-color: var(--primary); +} +.dorako-ui.window-app input[type=text]:checked, +.dorako-ui.window-app input[type=number]:checked, +.dorako-ui.window-app input[type=password]:checked, +.dorako-ui.window-app input[type=date]:checked, +.dorako-ui.window-app input[type=time]:checked, +.dorako-ui.window-app input[type=search]:checked, +.dorako-ui.window-app input[type=checkbox]:checked, +.dorako-ui.window-app input[type=radio]:checked { + accent-color: var(--primary); + filter: none; +} +.dorako-ui.window-app input[type=text]:hover, +.dorako-ui.window-app input[type=number]:hover, +.dorako-ui.window-app input[type=password]:hover, +.dorako-ui.window-app input[type=date]:hover, +.dorako-ui.window-app input[type=time]:hover, +.dorako-ui.window-app input[type=search]:hover, +.dorako-ui.window-app input[type=checkbox]:hover, +.dorako-ui.window-app input[type=radio]:hover { + border-color: var(--secondary-light); + box-shadow: 0px 0px 5px var(--secondary-light); +} +.dorako-ui.window-app input[type=text]:focus, +.dorako-ui.window-app input[type=number]:focus, +.dorako-ui.window-app input[type=password]:focus, +.dorako-ui.window-app input[type=date]:focus, +.dorako-ui.window-app input[type=time]:focus, +.dorako-ui.window-app input[type=search]:focus, +.dorako-ui.window-app input[type=checkbox]:focus, +.dorako-ui.window-app input[type=radio]:focus { + border-color: var(--secondary-light); + box-shadow: 0px 0px 5px var(--secondary-light); +} + +/* ----------------------------------------- */ +/* Hotbar */ +/* ----------------------------------------- */ +#hotbar.dorako-ui .macro { + height: calc(var(--macro-size) + 2px); + width: calc(var(--macro-size) + 2px); + border: none; border-radius: 3px; - overflow: hidden; - pointer-events: none; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + box-shadow: none; } -#token-hud .status-effects .effect-control.active::before { +#hotbar.dorako-ui .macro.inactive::before, #hotbar.dorako-ui .macro.active::before { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; - box-shadow: var(--gold-and-glow), var(--glassy); + box-shadow: var(--glassy); border-radius: 3px; overflow: hidden; pointer-events: none; } -#token-hud .status-effects .effect-control:hover::before { +#hotbar.dorako-ui .macro.active:hover::before { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; content: ""; position: absolute; top: 0; @@ -809,2424 +905,3789 @@ section.chat-sidebar { overflow: hidden; pointer-events: none; } -#token-hud .status-effects .effect-control.active:hover::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: var(--gold-and-glow), var(--glassy); - border-radius: 3px; - overflow: hidden; - pointer-events: none; +#hotbar.dorako-ui .macro .macro-key { + background: none; + right: 6px; + padding: 0px; + font-weight: initial; + text-shadow: 0px 1px 5px black, 0px 1px 5px black; } -#token-hud .status-effects .effect-control:hover, #token-hud .status-effects .effect-control.active { - filter: none; - opacity: 1; +#hotbar.dorako-ui .macro .macro-icon { + border-radius: 3px; border: none; + height: calc(var(--macro-size) + 2px); + width: calc(var(--macro-size) + 2px); } -#token-hud .status-effects .effect-control:hover img, #token-hud .status-effects .effect-control.active img { - border: none; +#hotbar.dorako-ui .macro.inactive { + box-shadow: none; } -#token-hud .status-effects .effect-control.active:hover { +#hotbar.dorako-ui .macro:hover { border: none; - filter: brightness(0.75) saturate(0.75); + background-color: var(--primary-light); } -#token-hud .status-effects .effect-control.active img { +#hotbar.dorako-ui .macro.active:hover { border: none; - opacity: 1; + background-color: var(--primary-dark); } -#token-hud .status-effects .effect-control img { +#hotbar.dorako-ui #macro-list { + gap: 5px; + margin: 0px 5px; border: none; - margin: 0px; - opacity: 1; - height: auto; - width: auto; - border-radius: 3px; + grid-template-columns: repeat(10, calc(var(--macro-size) + 2px)); } -#token-hud .status-effects .title-bar { +#hotbar.dorako-ui .bar-controls { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - backdrop-filter: blur(5px); - box-sizing: content-box; - font-size: var(--font-size-20); - font-weight: normal; - left: 0; - line-height: normal; - padding: 3px 0; - position: absolute; - text-align: center; - top: -40px; - visibility: hidden; - width: 100%; - z-index: 1; -} -#token-hud .status-effects .title-bar.active { - visibility: visible; } -.placeable-hud input[type=text] { - border: none; - border-radius: 3px; +@media (max-width: 1120px) { + #hotbar { + width: 354px; + height: 110px; + } + #hotbar #macro-list { + grid-template-columns: repeat(5, 50px); + } +} +/* ----------------------------------------- */ +/* Scene Navigation */ +/* ----------------------------------------- */ +nav#navigation.dorako-ui { + color: var(--color-text-light-heading); + width: calc(100% - 46px); +} +nav#navigation.dorako-ui #nav-toggle { + border: none; + border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - text-shadow: 0px 0px 3px black; -} -.placeable-hud input[type=text]:focus { - box-shadow: var(--gold-and-glow), var(--glassy); - border: none; + transition: 0.25s; + flex: 0 0 32px; + height: 32px; } -.placeable-hud .control-icon { +nav#navigation.dorako-ui ol#scene-list li.nav-item { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + transition: 0.25s; text-shadow: 0px 0px 3px black; } -.placeable-hud .control-icon .badge { - text-shadow: none; -} -.placeable-hud .control-icon[data-action=overhead], .placeable-hud .control-icon[data-action=underfoot] { - background-color: var(--primary-dark); -} -.placeable-hud .control-icon[data-action=overhead]:hover, .placeable-hud .control-icon[data-action=overhead].active, .placeable-hud .control-icon[data-action=underfoot]:hover, .placeable-hud .control-icon[data-action=underfoot].active { - background-color: var(--primary-light); +nav#navigation.dorako-ui ol#scene-list li.nav-item > a:hover { + text-shadow: unset; } -.placeable-hud .control-icon[data-action=overhead]:hover > img, .placeable-hud .control-icon[data-action=overhead].active > img, .placeable-hud .control-icon[data-action=underfoot]:hover > img, .placeable-hud .control-icon[data-action=underfoot].active > img { - filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); +nav#navigation.dorako-ui ol#scene-list li.nav-item .scene-players { + text-shadow: none; } -.placeable-hud .control-icon[data-action=overhead]:hover:hover, .placeable-hud .control-icon[data-action=overhead].active:hover, .placeable-hud .control-icon[data-action=underfoot]:hover:hover, .placeable-hud .control-icon[data-action=underfoot].active:hover { - background-color: var(--primary-light); +nav#navigation.dorako-ui ol#scene-list li.nav-item:hover { + color: var(--color-text-light-highlight); + background-color: var(--primary); } -.placeable-hud .control-icon[data-action=sort-up]:hover, .placeable-hud .control-icon[data-action=sort-down]:hover, .placeable-hud .control-icon[data-action=config]:hover, .placeable-hud .control-icon[data-action=trigger]:hover { +nav#navigation.dorako-ui ol#scene-list li.nav-item.view { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); background-color: var(--primary); + color: var(--color-text-light-highlight); } -.placeable-hud .control-icon[data-action=sort-up]:hover > img, .placeable-hud .control-icon[data-action=sort-down]:hover > img, .placeable-hud .control-icon[data-action=config]:hover > img, .placeable-hud .control-icon[data-action=trigger]:hover > img { - filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black); +nav#navigation.dorako-ui ol#scene-list li.nav-item.view:hover { + color: white; + background-color: var(--primary-light); } -.placeable-hud .control-icon[data-action=visibility], .placeable-hud .control-icon[data-action=effects], .placeable-hud .control-icon[data-action=combat], .placeable-hud .control-icon[data-action=locked], .placeable-hud .control-icon[data-action=target], .placeable-hud .control-icon[data-action=active], .placeable-hud .control-icon[data-action=mystify] { +nav#navigation.dorako-ui ol#scene-list li.nav-item.gm { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); background-color: var(--secondary-dark); } -.placeable-hud .control-icon[data-action=visibility]:hover, .placeable-hud .control-icon[data-action=visibility].active, .placeable-hud .control-icon[data-action=effects]:hover, .placeable-hud .control-icon[data-action=effects].active, .placeable-hud .control-icon[data-action=combat]:hover, .placeable-hud .control-icon[data-action=combat].active, .placeable-hud .control-icon[data-action=locked]:hover, .placeable-hud .control-icon[data-action=locked].active, .placeable-hud .control-icon[data-action=target]:hover, .placeable-hud .control-icon[data-action=target].active, .placeable-hud .control-icon[data-action=active]:hover, .placeable-hud .control-icon[data-action=active].active, .placeable-hud .control-icon[data-action=mystify]:hover, .placeable-hud .control-icon[data-action=mystify].active { +nav#navigation.dorako-ui ol#scene-list li.nav-item.gm:hover, nav#navigation.dorako-ui ol#scene-list li.nav-item.gm.view { + color: var(--color-text-light-highlight); background-color: var(--secondary-light); } -.placeable-hud .control-icon[data-action=visibility]:hover > img, .placeable-hud .control-icon[data-action=visibility].active > img, .placeable-hud .control-icon[data-action=effects]:hover > img, .placeable-hud .control-icon[data-action=effects].active > img, .placeable-hud .control-icon[data-action=combat]:hover > img, .placeable-hud .control-icon[data-action=combat].active > img, .placeable-hud .control-icon[data-action=locked]:hover > img, .placeable-hud .control-icon[data-action=locked].active > img, .placeable-hud .control-icon[data-action=target]:hover > img, .placeable-hud .control-icon[data-action=target].active > img, .placeable-hud .control-icon[data-action=active]:hover > img, .placeable-hud .control-icon[data-action=active].active > img, .placeable-hud .control-icon[data-action=mystify]:hover > img, .placeable-hud .control-icon[data-action=mystify].active > img { - filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); +nav#navigation.dorako-ui ol#scene-list li.nav-item.context { + box-shadow: var(--glassy); + border: none; } -.placeable-hud .control-icon:hover { - background-color: var(--secondary); - color: var(--color-text-light-highlight); +nav#navigation.dorako-ui ol#scene-list li.nav-item.active { + box-shadow: var(--gold-and-glow), var(--glassy); } -.placeable-hud .control-icon.active { + +/* ----------------------------------------- */ +/* Notifications */ +/* ----------------------------------------- */ +.dorako-ui .notification { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + text-shadow: 0px 0px 3px black; color: var(--color-text-light-highlight); - background-color: var(--secondary-light); +} +.dorako-ui .notification.info { + background-color: var(--secondary); border: none; } -.placeable-hud .control-icon.active > img { - filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); +.dorako-ui .notification.error { + background-color: var(--primary); + border: none; } -.placeable-hud .control-icon > img { - opacity: 1; - filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black); +.dorako-ui .notification.warning, .dorako-ui .notification.alert { + background-color: #ecbf41; + color: black; + text-shadow: none; + border: none; } -.dorako-display-none { - display: none !important; +/* ----------------------------------------- */ +/* Sidebar */ +/* ----------------------------------------- */ +#ui-right #sidebar { + height: -webkit-fill-available; } - -a.content-link, -[data-pf2-check], -a.entity-link, -[data-pf2-action], -[data-pf2-effect-area], -a.inline-roll { - text-shadow: none !important; +#ui-right #sidebar.collapsed { + height: auto; } -a.content-link, -[data-pf2-check], -a.entity-link, -[data-pf2-action], -[data-pf2-effect-area], -a.inline-roll:not(.inline-result) { - color: black; +section.chat-sidebar { + gap: 5px; + padding-bottom: 5px; } -i[data-pf2-repost] { - top: 0px; +#chat-form { + margin: 0px 6px; +} +#chat-form textarea { + background: rgb(212, 213, 205); + border: 1px solid #7a7971; } -.dorako-ui.sheet nav.sheet-tabs { - background-color: var(--bg); - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); - border: 1px solid var(--color-border-light-primary); - border-radius: 3px; - margin: 2px; +#chat-log { + margin-left: 4px; } -.dorako-ui.sheet nav.sheet-tabs .item:not(.active):hover { - color: var(--secondary-light); - text-shadow: 0px 0px 10px var(--secondary-light); +#chat-log li.dorako-ui:first-child { + margin-top: 2px; } -.dorako-ui.sheet nav.sheet-tabs .item.active { - color: var(--secondary-light); - text-shadow: 0px 0px 10px var(--secondary-light); + +.sidebar-tab .message.chat-message { + text-shadow: none; } -.dorako-ui.dark-theme.sheet nav.sheet-tabs { +#sidebar.dorako-ui { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - background: var(--glass-bg-light); -} -.dorako-ui.dark-theme.sheet nav.sheet-tabs .item:not(.active):hover { - color: var(--tertiary); - text-shadow: 0px 0px 10px var(--tertiary); -} -.dorako-ui.dark-theme.sheet nav.sheet-tabs .item.active { - color: var(--tertiary); - text-shadow: 0px 0px 10px var(--tertiary); + border: none; + border-radius: 6px 3px 3px 3px; } - -.dorako-ui.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row:hover, .dorako-ui.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row.active { - color: var(--secondary-light); - text-shadow: 0px 0px 10px; - text-decoration: unset; +#sidebar.dorako-ui.collapsed { + border-radius: 3px; } - -.dorako-ui.dark-theme.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row:hover, .dorako-ui.dark-theme.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row.active { - color: var(--tertiary); - text-shadow: 0px 0px 10px var(--tertiary); - text-decoration: unset; +#sidebar.dorako-ui.collapsed #sidebar-tabs .item.active { + border: none; + margin: 2px 4px; } - -.dorako-ui form button:not(.pm-dropdown) { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - border: 1px solid var(--color-border-light-primary); +#sidebar.dorako-ui #sidebar-tabs { + --sidebar-tab-height: 20px; + --sidebar-tab-width: 20px; + border: none; + box-shadow: none; + margin: 0px; + margin-top: 1px; } -.dorako-ui form button:not(.pm-dropdown):hover { - background-color: var(--primary-light); - color: var(--color-text-light-highlight); - border: 1px solid var(--tertiary); +#sidebar.dorako-ui #sidebar-tabs > .collapse { + --sidebar-tab-width: 12px; + position: relative; } -.dorako-ui form button:not(.pm-dropdown):active { - background-color: var(--primary-light); - color: white; - border: 1px solid var(--gold-brown); +#sidebar.dorako-ui #sidebar-tabs .item { + border: none; + margin: 2px 0px; + text-shadow: 0px 0px 3px black; } - -.dorako-ui.pf2e.item.sheet .sheet-header img { +#sidebar.dorako-ui #sidebar-tabs .item.active { border: none; margin: 2px; /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); - border-radius: 5px; - margin-right: 8px; -} - -.dorako-ui.pf2e.item.sheet form .form-list { - padding: 0.5em 1em; - border-image-repeat: repeat; - border-image-slice: 11; - border-image-source: var(--ornamentation); - border-image-width: 14px; - border-style: double; + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + margin: 2px 0px; + border-radius: 3px; + color: white; + background-color: var(--primary-light); } -.dorako-ui.app.token-sheet .tab.active[data-tab=appearance] fieldset { - border-image-repeat: repeat; - border-image-slice: 11; - border-image-source: var(--ornamentation); - border-image-width: 14px; - border-style: double; +.dorako-ui #chat-controls i.fas { + line-height: 24px; } -.dorako-ui.app.token-sheet .tab.active[data-tab=appearance] fieldset legend { - color: var(--color-text-dark-primary); - margin-left: 5px; +.dorako-ui #chat-controls .roll-type-select { + margin-left: 0px; } -.dorako-ui.pf2e.item.sheet .sheet-header { +#token-hud .status-effects { + background: none; + box-shadow: none; border: none; + padding: 0px; + grid-template-columns: repeat(5, 1fr); + width: auto; + gap: 8px; } - -.dorako-ui.dark-theme.app.token-sheet .tab.active[data-tab=appearance] fieldset legend { - color: var(--color-text-light-heading); +#token-hud .status-effects .effect-control { + border: none; + margin: 0px; + padding: 0px; + background-color: var(--glass-bg); } - -.dorako-ui.pf2e.item.sheet form .sheet-navigation { +#token-hud .status-effects .effect-control::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: var(--glassy); + border-radius: 3px; + overflow: hidden; + pointer-events: none; +} +#token-hud .status-effects .effect-control.active::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: var(--gold-and-glow), var(--glassy); + border-radius: 3px; + overflow: hidden; + pointer-events: none; +} +#token-hud .status-effects .effect-control:hover::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy); + border-radius: 3px; + overflow: hidden; + pointer-events: none; +} +#token-hud .status-effects .effect-control.active:hover::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: var(--gold-and-glow), var(--glassy); border-radius: 3px; + overflow: hidden; + pointer-events: none; +} +#token-hud .status-effects .effect-control:hover, #token-hud .status-effects .effect-control.active { + filter: none; + opacity: 1; border: none; - border: 1px solid var(--color-border-light-primary); - background: var(--bg); - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0px -1px 2px rgba(255, 255, 255, 0.3) inset; } - -.dorako-ui.dark-theme.pf2e.item.sheet form .sheet-navigation { +#token-hud .status-effects .effect-control:hover img, #token-hud .status-effects .effect-control.active img { + border: none; +} +#token-hud .status-effects .effect-control.active:hover { + border: none; + filter: brightness(0.75) saturate(0.75); +} +#token-hud .status-effects .effect-control.active img { + border: none; + opacity: 1; +} +#token-hud .status-effects .effect-control img { + border: none; + margin: 0px; + opacity: 1; + height: auto; + width: auto; + border-radius: 3px; +} +#token-hud .status-effects .title-bar { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - background: var(--glass-bg-light); + backdrop-filter: blur(5px); + box-sizing: content-box; + font-size: var(--font-size-20); + font-weight: normal; + left: 0; + line-height: normal; + padding: 3px 0; + position: absolute; + text-align: center; + top: -40px; + visibility: hidden; + width: 100%; + z-index: 1; } - -.dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .tab.item-details label { - color: var(--color-text-light-heading); +#token-hud .status-effects .title-bar.active { + visibility: visible; } -.dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body input[type=text], .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body input[type=number], .dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content select { +.placeable-hud input[type=text] { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); -} - -.dorako-ui.window-app.filepicker .display-modes a:hover { - text-shadow: 0px 0px 3px black; - background-color: var(--primary); - color: var(--color-text-light-highlight); -} -.dorako-ui.window-app.filepicker .display-modes a.active { text-shadow: 0px 0px 3px black; - background-color: var(--primary); - color: var(--color-text-light-highlight); -} - -.dorako-ui.window-app input[type=text], -.dorako-ui.window-app input[type=number], -.dorako-ui.window-app input[type=password], -.dorako-ui.window-app input[type=date], -.dorako-ui.window-app input[type=time], -.dorako-ui.window-app input[type=search], -.dorako-ui.window-app input[type=checkbox], -.dorako-ui.window-app input[type=radio] { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - accent-color: var(--primary); -} -.dorako-ui.window-app input[type=text]:checked, -.dorako-ui.window-app input[type=number]:checked, -.dorako-ui.window-app input[type=password]:checked, -.dorako-ui.window-app input[type=date]:checked, -.dorako-ui.window-app input[type=time]:checked, -.dorako-ui.window-app input[type=search]:checked, -.dorako-ui.window-app input[type=checkbox]:checked, -.dorako-ui.window-app input[type=radio]:checked { - accent-color: var(--primary); - filter: none; -} -.dorako-ui.window-app input[type=text]:hover, -.dorako-ui.window-app input[type=number]:hover, -.dorako-ui.window-app input[type=password]:hover, -.dorako-ui.window-app input[type=date]:hover, -.dorako-ui.window-app input[type=time]:hover, -.dorako-ui.window-app input[type=search]:hover, -.dorako-ui.window-app input[type=checkbox]:hover, -.dorako-ui.window-app input[type=radio]:hover { - border-color: var(--secondary-light); - box-shadow: 0px 0px 5px var(--secondary-light); -} -.dorako-ui.window-app input[type=text]:focus, -.dorako-ui.window-app input[type=number]:focus, -.dorako-ui.window-app input[type=password]:focus, -.dorako-ui.window-app input[type=date]:focus, -.dorako-ui.window-app input[type=time]:focus, -.dorako-ui.window-app input[type=search]:focus, -.dorako-ui.window-app input[type=checkbox]:focus, -.dorako-ui.window-app input[type=radio]:focus { - border-color: var(--secondary-light); - box-shadow: 0px 0px 5px var(--secondary-light); } - -.dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .item-image { +.placeable-hud input[type=text]:focus { + box-shadow: var(--gold-and-glow), var(--glassy); border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - border-radius: 2px; - margin: 0px; - margin-right: 8px; -} -.dorako-ui.actor.sheet .crb-style aside .sidebar select { - color: white; } -.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-image .item-icon, .dorako-ui.spellcasting-entry.preparation ol.spell-list > li .item-name .item-image .item-icon { - border-radius: 2px; +.placeable-hud .control-icon { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + text-shadow: 0px 0px 3px black; } -.dorako-ui.actor.sheet .crb-style aside .modifiers_button { +.placeable-hud .control-icon .badge { text-shadow: none; } -.dorako-ui.actor.sheet .crb-style aside .modifiers_button:hover:not(:disabled) { - background: white; - color: var(--primary); +.placeable-hud .control-icon[data-action=overhead], .placeable-hud .control-icon[data-action=underfoot] { + background-color: var(--primary-dark); } -.dorako-ui.actor.sheet .crb-style { - background-image: url("../img/header.webp"), var(--sheet); +.placeable-hud .control-icon[data-action=overhead]:hover, .placeable-hud .control-icon[data-action=overhead].active, .placeable-hud .control-icon[data-action=underfoot]:hover, .placeable-hud .control-icon[data-action=underfoot].active { + background-color: var(--primary-light); } -.dorako-ui.spellcasting-entry.preparation ol.spell-list > li .item-name .item-image:hover .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image:hover, .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .item-image:hover, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name .item-image:hover { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - background: white !important; +.placeable-hud .control-icon[data-action=overhead]:hover > img, .placeable-hud .control-icon[data-action=overhead].active > img, .placeable-hud .control-icon[data-action=underfoot]:hover > img, .placeable-hud .control-icon[data-action=underfoot].active > img { + filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); } -.dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded .item-summary, .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability h3.ability-mod { - border-image-source: var(--ornamentation); +.placeable-hud .control-icon[data-action=overhead]:hover:hover, .placeable-hud .control-icon[data-action=overhead].active:hover, .placeable-hud .control-icon[data-action=underfoot]:hover:hover, .placeable-hud .control-icon[data-action=underfoot].active:hover { + background-color: var(--primary-light); } -.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options { - gap: 3px; +.placeable-hud .control-icon[data-action=sort-up]:hover, .placeable-hud .control-icon[data-action=sort-down]:hover, .placeable-hud .control-icon[data-action=config]:hover, .placeable-hud .control-icon[data-action=trigger]:hover { + background-color: var(--primary); } -.dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution { - box-shadow: unset; - background: unset; - gap: 3px; - display: flex; - flex-direction: column; +.placeable-hud .control-icon[data-action=sort-up]:hover > img, .placeable-hud .control-icon[data-action=sort-down]:hover > img, .placeable-hud .control-icon[data-action=config]:hover > img, .placeable-hud .control-icon[data-action=trigger]:hover > img { + filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black); } -.dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button { - background-color: var(--tertiary); +.placeable-hud .control-icon[data-action=visibility], .placeable-hud .control-icon[data-action=effects], .placeable-hud .control-icon[data-action=combat], .placeable-hud .control-icon[data-action=locked], .placeable-hud .control-icon[data-action=target], .placeable-hud .control-icon[data-action=active], .placeable-hud .control-icon[data-action=mystify] { + background-color: var(--secondary-dark); } -.dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button:hover { - color: black; - background-color: var(--tertiary-dark); +.placeable-hud .control-icon[data-action=visibility]:hover, .placeable-hud .control-icon[data-action=visibility].active, .placeable-hud .control-icon[data-action=effects]:hover, .placeable-hud .control-icon[data-action=effects].active, .placeable-hud .control-icon[data-action=combat]:hover, .placeable-hud .control-icon[data-action=combat].active, .placeable-hud .control-icon[data-action=locked]:hover, .placeable-hud .control-icon[data-action=locked].active, .placeable-hud .control-icon[data-action=target]:hover, .placeable-hud .control-icon[data-action=target].active, .placeable-hud .control-icon[data-action=active]:hover, .placeable-hud .control-icon[data-action=active].active, .placeable-hud .control-icon[data-action=mystify]:hover, .placeable-hud .control-icon[data-action=mystify].active { + background-color: var(--secondary-light); } -.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:not(:disabled) { - text-shadow: unset; +.placeable-hud .control-icon[data-action=visibility]:hover > img, .placeable-hud .control-icon[data-action=visibility].active > img, .placeable-hud .control-icon[data-action=effects]:hover > img, .placeable-hud .control-icon[data-action=effects].active > img, .placeable-hud .control-icon[data-action=combat]:hover > img, .placeable-hud .control-icon[data-action=combat].active > img, .placeable-hud .control-icon[data-action=locked]:hover > img, .placeable-hud .control-icon[data-action=locked].active > img, .placeable-hud .control-icon[data-action=target]:hover > img, .placeable-hud .control-icon[data-action=target].active > img, .placeable-hud .control-icon[data-action=active]:hover > img, .placeable-hud .control-icon[data-action=active].active > img, .placeable-hud .control-icon[data-action=mystify]:hover > img, .placeable-hud .control-icon[data-action=mystify].active > img { + filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); } -.dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell.expanded { - border-radius: 0px 0px 10px 10px; +.placeable-hud .control-icon:hover { + background-color: var(--secondary); + color: var(--color-text-light-highlight); } -.dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - text-shadow: 0px 0px 3px black; - color: white; - background-color: var(--primary); - box-shadow: 0px 0px 1px 1px var(--tertiary) inset; - border: 1px solid var(--gold-brown); +.placeable-hud .control-icon.active { + color: var(--color-text-light-highlight); + background-color: var(--secondary-light); + border: none; } -.dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button:hover { - background-color: var(--primary-light); +.placeable-hud .control-icon.active > img { + filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); } -.dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary { - border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - background-image: var(--sheet); - background-size: cover; - border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); - margin: 5px 0px; - border-radius: 8px; -} -.dorako-ui.actor.sheet .crb-style nav.sheet-navigation .item, .dorako-ui.actor.sheet .crb-style nav.sheet-navigation .item:hover, .dorako-ui .actor.sheet .crb-style nav.sheet-navigation .item.active { - z-index: 4; -} -.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > button, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > .controls { - gap: 3px; -} -.dorako-ui.actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type:not(.active) { - color: var(--half-transparent); -} -.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .encumbrance-light-bulk-overflow { - color: var(--body); - text-shadow: unset; -} -.dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image .item-icon { - border-radius: 2px; -} -.dorako-ui.actor.sheet .inventory .item-name .item-image { - background-color: var(--alt-dark); - border: 1px solid var(--gold-brown); - border-bottom: 0px; - border-left: 0px; -} -.dorako-ui.actor.sheet .inventory .item-name .item-image:last-child { - border-bottom: 1px solid var(--gold-brown); -} -.dorako-ui.actor.sheet .inventory .container-held-items .item-name .item-image { - border-left: 1px solid var(--gold-brown); -} -.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .wealth { - margin-bottom: unset; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2), 0 2px 4px rgba(0, 0, 0, 0.18); -} -.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list { - padding-top: 0.5rem; +.placeable-hud .control-icon > img { + opacity: 1; + filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black); } -.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions { - gap: unset; + +/* ----------------------------------------- */ +/* Color definitions */ +/* ----------------------------------------- */ +/* Colors */ +/* Global */ +/* used for mini headers, alternate primary color */ +/* compliments the primary color, usually used in combination */ +/* for all other uses */ +/* Lighter / Darker */ +/* Text */ +/* ----------------------------------------- */ +/* Color schemes */ +/* ----------------------------------------- */ +/* Proficiency ranks */ +/* Rarities */ +/* Degrees of success */ +/* Value adjustments (e.g. weak/elite) */ +/* ----------------------------------------- */ +/* CSS Custom Properties */ +/* ----------------------------------------- */ +:root { + /* Global */ + --primary: #5e0000; + --primary-light: #b10000; + --primary-dark: #380000; + --secondary: #171f69; + --secondary-light: #2836b7; + --secondary-dark: #0d113a; + --tertiary: #e9d7a1; + --rarity-common: #323232; + --rarity-uncommon: #98513d; + --rarity-rare: #002664; + --rarity-unique: #54166e; + --alt: #786452; + --alt-dark: #443730; + --bg: #f8f4f1; + --bg-dark: #e7d9cf; + --gold-brown: #956d58; + --sub: #605856; + --color-disabled: #ababab; + --blind-bg: #a57aa5; + --whisper-bg: #e3e3ff; + --inline-link-bg: #ddd; + --inline-repost-bg: #eaeaea; + --visibility-gm-bg: #e8e8ef; + --visibility-owner-bg: #ddebe1; + --blind-roll: #f5eaf5; + /* Lighter / Darker */ + --light: #910000; + --dark: #2b0000; + --tertiary-dark: #dfc578; + --tertiary-light: #f3e9ca; + /* Text */ + --body: var(--text-dark); + --color-text-trait: #f5efe0; + --text-dark: #1c1c1c; + --text-light: white; + /* Borders */ + --color-border-trait: #d8c384; + --color-border-divider: #baa991; + /* Headers w/ boxes */ + --header-color: var(--text-light); + --header-bg: var(--secondary); + /* Sidebar */ + --sidebar-label: var(--tertiary-dark); + --sidebar-title: var(--tertiary); + /* App UI */ + --glass-bg: rgba(20, 20, 20, 0.6); + --glass-bg-light: rgba(255, 255, 255, 0.1); + --glass-bg-dark: rgba(0, 0, 0, 0.7); + --gold-and-glow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), inset 0 0 3px rgba(255, 255, 255, 0.5); + --glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1), + 0px 0px 5px 0px rgba(0, 0, 0, 0.5); + --sheet-light: url(../img/background-light.webp); + --sheet-dark: url(../img/background-dark4.webp); + --header: url(../img/blue_header.webp); + --banner-top: url(../img/blue_sidebar_top.webp); + --banner-bottom: url(../img/blue_sidebar_bottom.webp); } -.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions > div { - padding-top: 0.5rem; + +/* ----------------------------------------- */ +/* Cautious Gamemaster's Pack (CGMP) */ +/* ----------------------------------------- */ +#chat-log .dorako-ui.dark-theme.message.emote .message-content { + color: unset; } -.dorako-ui.dark-theme { - --rarity-common: #e1d8cf; - --rarity-uncommon: #c45500; - --rarity-rare: #5362ff; - --rarity-unique: #e127e1; +/* ----------------------------------------- */ +/* Combat Carousel */ +/* ----------------------------------------- */ +#controls ol li.scene-control[data-control=combat-carousel] { + position: relative; } -.dorako-ui.dark-theme h4.rarity-common { - color: #e1d8cf !important; + +/* ----------------------------------------- */ +/* Custom Hotbar */ +/* ----------------------------------------- */ +:root { + --custom-hotbar-chb-macro-size: 52px; } -.dorako-ui.dark-theme h4.rarity-uncommon { - color: #c45500 !important; + +#ui-bottom #hotbars { + display: flex; + flex-direction: column; + gap: 5px; } -.dorako-ui.dark-theme h4.rarity-rare { - color: #5362ff !important; +#ui-bottom #hotbars #hotbar { + position: unset; } -.dorako-ui.dark-theme h4.rarity-unique { - color: #e127e1 !important; + +@media (max-width: 1120px) { + #custom-hotbar { + width: 354px; + } } -.dorako-ui.dark-theme .tags .tag.tag_secondary, -.dorako-ui.dark-theme .tags .tag option.tag_secondary { - background-color: var(--tertiary-dark); - color: black; +.dorako-ui#custom-hotbar { + position: static; + height: auto; + margin-bottom: 0px; } -.dorako-ui.dark-theme .tags .tag.tag_transparent, -.dorako-ui.dark-theme .tags .tag option.tag_transparent { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); +.dorako-ui#custom-hotbar #custom-action-bar { + margin-left: 3px; } -.dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution { +.dorako-ui#custom-hotbar #custom-macro-list { gap: 5px; + border: none; } -.dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button { +.dorako-ui#custom-hotbar .bar-controls { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - text-shadow: unset; - background-color: var(--tertiary); - color: black; -} -.dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button:hover { - background-color: var(--tertiary-dark); - color: black; -} -.dorako-ui.dark-theme.actor.sheet .inventory .item-summary { - background: rgba(0, 0, 0, 0.25); -} -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-name { - color: var(--color-border-light-primary); -} -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-score input { - background: rgba(211, 204, 188, 0.2); - box-shadow: none; -} -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item.unidentified { - border-radius: 3px; - background: rgba(245, 234, 245, 0.1333333333); - outline: 1px dashed #720073; -} -.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item { - border-image: linear-gradient(90deg, rgba(241, 237, 234, 0), black) 1; -} -.dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-1, .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-2 { - color: black; -} -.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography h3 { - color: var(--tertiary); - border-color: var(--tertiary); + height: auto; } -.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .editor-content { +.dorako-ui#custom-hotbar .macro { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + border-radius: 3px; } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header { - color: var(--tertiary); -} -.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded h4 { - color: var(--tertiary); -} -.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded .item-summary .tag.tag_secondary { - background-color: var(--tertiary-dark); +.dorako-ui#custom-hotbar .macro.active:hover::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy); + border-radius: 3px; + overflow: hidden; + pointer-events: none; } -.dorako-ui.dark-theme .crb-style .details-label { - color: var(--tertiary); +.dorako-ui#custom-hotbar .macro:hover { + background-color: var(--primary-light); } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-id { - color: var(--tertiary); +.dorako-ui#custom-hotbar .macro.inactive { + box-shadow: var(--glassy); } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h1 { - color: var(--tertiary); +.dorako-ui#custom-hotbar .macro.active:hover { + box-shadow: var(--glassy); + border: none; + background-color: var(--primary); } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header button { - background-color: var(--tertiary); - color: black; - text-shadow: unset; +.dorako-ui#custom-hotbar .macro .macro-key { + background: none; + right: 6px; + padding: 0px; + font-weight: initial; + text-shadow: 0px 1px 5px black, 0px 1px 5px black; } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability.key .ability-id, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability.key .ability-mod { - color: var(--tertiary-dark); + +/* ----------------------------------------- */ +/* Damage Log */ +/* ----------------------------------------- */ +nav.damage-log-nav.tabs { + flex: 0; + margin: 0px 2px; + box-shadow: none; + border: none; } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title { - color: var(--tertiary-dark); -} -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .rollable:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .rollable:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .rollable:hover { - color: var(--tertiary); - text-shadow: unset; -} -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name h4:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name h4:hover { - color: var(--tertiary); - text-shadow: unset; +nav.damage-log-nav.tabs .item { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + margin: 2px; + color: white; + border-radius: 3px; + margin: 2px; + border: none; } -.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button { +nav.damage-log-nav.tabs .item:hover { + box-shadow: var(--gold-and-glow); + background-color: var(--secondary); + text-shadow: 0px 0px 3px black; border: none; border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - background-color: var(--primary); - color: var(--color-text-light-highlight); - font-family: var(--sans-serif); +} +nav.damage-log-nav.tabs .item.active { + box-shadow: var(--gold-and-glow); + background-color: var(--secondary-light); text-shadow: 0px 0px 3px black; + border: none; + border-radius: 3px; } -.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button:hover { - background-color: var(--primary-light); + +/* ----------------------------------------- */ +/* DF Chat Enhancements */ +/* ----------------------------------------- */ +.message.chat-message.dorako-ui.dark-theme.dfce-cm-middle .message-delete, .message.chat-message.dorako-ui.dark-theme.dfce-cm-bottom .message-delete { color: white; - text-shadow: 0px 0px 3px black; + top: 5px; + text-shadow: 0px 0px 1px black; } -.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary { - border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - background-image: var(--sheet); - background-size: cover; - margin: 5px 0px; - border-radius: 8px; - background-color: var(--secondary-dark); - background-blend-mode: luminosity; + +.message.chat-message .message-delete { + z-index: 1; } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav { - background: var(--glass-bg-light); - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0px -1px 2px rgba(255, 255, 255, 0.3) inset; +.message.chat-message.dfce-cm-top { + border-bottom-style: none; + margin-bottom: 0px; + padding-bottom: 5px; } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab { - border-left: 1px solid rgba(255, 255, 255, 0.3); - border-right: 1px solid rgba(0, 0, 0, 0.2); - color: var(--tertiary-dark); +.message.chat-message.dfce-cm-top:hover { + box-shadow: var(--gold-and-glow); } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab.active { - color: var(--tertiary); +.message.chat-message.dfce-cm-middle, .message.chat-message.dfce-cm-bottom { + border-top-style: none; + border-bottom-style: none; + border-radius: 0px; } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab:hover { - text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); +.message.chat-message.dfce-cm-middle:hover, .message.chat-message.dfce-cm-bottom:hover { + box-shadow: var(--gold-and-glow); } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav::before, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav::after { - filter: invert(1); +.message.chat-message.dfce-cm-middle .message-content, .message.chat-message.dfce-cm-bottom .message-content { + padding-right: 0px; } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .alt-usage img.alt-usage-icon { - filter: invert(1); +.message.chat-message.dfce-cm-middle .sender-wrapper, +.message.chat-message.dfce-cm-middle .portrait-and-name, .message.chat-message.dfce-cm-bottom .sender-wrapper, +.message.chat-message.dfce-cm-bottom .portrait-and-name { + display: none; } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg path, .dorako-ui.dark-theme.actor.sheet a.roll-icon svg path { - fill: var(--text-light); +.message.chat-message.dfce-cm-middle .message-header, .message.chat-message.dfce-cm-bottom .message-header { + background: transparent; + box-shadow: none; + text-shadow: 0px 0px 1px white; + margin: 0px; + padding: 0px; + padding-right: 5px; + color: var(--color-text-dark-primary); } -.dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.item-toggle-invest.active, .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type.active { - color: var(--tertiary-dark); +.message.chat-message.dfce-cm-middle .header-meta, .message.chat-message.dfce-cm-bottom .header-meta { + display: none; } -.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input { - box-shadow: unset; +.message.chat-message.dfce-cm-middle { + margin-top: 0px; + margin-bottom: 0px; + padding-top: 0px; + padding-bottom: 5px; } -.dorako-ui.dark-theme.sheet.actor section.sidebar, .dorako-ui.dark-theme.sheet.actor section.sidebar .gm-settings, .dorako-ui.dark-theme.sheet.actor section.sidebar > img.actor-icon, .dorako-ui.dark-theme.sheet.actor section.sidebar .sidebar-meta, .dorako-ui.dark-theme.sheet.actor .sheet-header { - border-color: var(--tertiary) !important; +.message.chat-message.dfce-cm-bottom { + margin-top: 0px; + border-radius: 0px 0px 5px 5px; } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group { + +div#scrollToBottom { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + background-color: #ecbf41; + text-shadow: none; + color: black; + margin-left: 6px; + margin-right: 7px; + top: -27px; + z-index: 1; +} +div#scrollToBottom:hover { + background-color: #f1cf6f; +} + +#dfcp-rt-buttons { gap: 3px; } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button { +#dfcp-rt-buttons button { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + color: var(--color-text-light-heading); + background-color: var(--glass-bg-light); text-shadow: 0px 0px 3px black; } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled) { - background: var(--secondary); +#dfcp-rt-buttons button:hover { color: var(--color-text-light-highlight); } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled).damage { - background: var(--primary); +#dfcp-rt-buttons button.active i { + text-shadow: 0px 0px 3px black; + color: var(--color-text-light-highlight); } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled).damage:hover { - background: var(--primary-light); - color: white; + +#chat-controls { + padding: 0px; } -.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled):hover { + +/* ----------------------------------------- */ +/* Dice Tray */ +/* ----------------------------------------- */ +.dice-tray { + display: flex; + flex-direction: column; + gap: 5px; +} +.dice-tray .dice-tray__stacked { + gap: 3px; +} +.dice-tray input[type=text] { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + background-color: var(--glass-bg-light); text-shadow: 0px 0px 3px black; - background: var(--secondary-light); + color: var(--color-text-light-heading); +} +.dice-tray input[type=text]:hover { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + background-color: var(--secondary); + color: var(--color-text-light-highlight); +} +.dice-tray input[type=text]:focus { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + background-color: var(--secondary-light); color: white; } -.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li button.cast-spell, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .blue-button { +.dice-tray button { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + background-color: var(--glass-bg-light); text-shadow: 0px 0px 3px black; - background: var(--secondary); - color: var(--color-text-light-highlight); + color: var(--color-text-light-heading); } -.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li button.cast-spell:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .blue-button:hover { +.dice-tray button svg { + filter: drop-shadow(0px 0px 3px black); +} +.dice-tray button svg * { + fill: var(--color-text-light-heading); +} +.dice-tray button.dice-tray__advantage:hover, .dice-tray button.dice-tray__disadvantage:hover, .dice-tray button.dice-tray__roll:hover, .dice-tray button.dice-tray__math--add:hover, .dice-tray button.dice-tray__math--sub:hover, .dice-tray button:hover { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - text-shadow: 0px 0px 3px black; - background: var(--secondary-light); - color: white; + background-color: var(--primary); + color: var(--color-text-light-highlight); } -.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell { - background: var(--secondary-dark); - color: var(--color-disabled); +.dice-tray button.dice-tray__advantage:hover svg, .dice-tray button.dice-tray__disadvantage:hover svg, .dice-tray button.dice-tray__roll:hover svg, .dice-tray button.dice-tray__math--add:hover svg, .dice-tray button.dice-tray__math--sub:hover svg, .dice-tray button:hover svg { + filter: drop-shadow(0px 0px 3px black); } -.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell:hover { - background: var(--secondary-dark); - color: var(--color-disabled); +.dice-tray button.dice-tray__advantage:hover svg *, .dice-tray button.dice-tray__disadvantage:hover svg *, .dice-tray button.dice-tray__roll:hover svg *, .dice-tray button.dice-tray__math--add:hover svg *, .dice-tray button.dice-tray__math--sub:hover svg *, .dice-tray button:hover svg * { + fill: var(--color-text-light-highlight); } -.dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text], .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-level .level input, .dorako-ui.dark-theme.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input, .dorako-ui.dark-theme.actor.sheet .crb-style aside input[type=number] { - background: unset; - box-shadow: unset; +.dice-tray .flexrow { + margin-left: 6px; + margin-right: 6px; + gap: 5px; } -.dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text]:hover, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text]:focus, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable:hover, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable:focus, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-level .level input:hover, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-level .level input:focus, .dorako-ui.dark-theme.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input:focus, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:focus, .dorako-ui.dark-theme.actor.sheet .crb-style aside input[type=number]:hover, .dorako-ui.dark-theme.actor.sheet .crb-style aside input[type=number]:focus { - background: unset; - box-shadow: unset; +.dice-tray > * { + margin: 0px; } /* ----------------------------------------- */ -/* Header */ +/* PF2e Dorako UI */ /* ----------------------------------------- */ -.dorako-ui .message-header { - background: none; - padding: 5px 5px 0px 5px; - margin: -5px -5px 0px -5px; - border-radius: 5px 5px 0px 0px; - gap: 5px; - align-items: center; +#chat-controls.no-chat-control-icon .chat-control-icon { + display: none; } -.dorako-ui .message-header .header-meta { - border-radius: 3px; - padding: 2px; - font-size: x-small; - align-self: center; - text-align: center; - text-shadow: none; +#chat-controls.no-chat-control-icon #dfcp-rt-buttons { + margin-left: 0px !important; } -.dorako-ui .message-header.light-header-text { - background-blend-mode: multiply; - color: white; - text-shadow: 0px 1px 1px black; + +#fps { + position: absolute; + right: 0; + bottom: 0; + width: 60px; } -.dorako-ui .message-header.light-header-text .header-meta { - color: white; - background-color: hsla(0deg, 0%, 50%, 0.4); - border: 1px solid hsla(0deg, 0%, 100%, 0.3); +#fps label { + display: none; } -.dorako-ui .message-header.dark-header-text { - background-blend-mode: luminosity; - color: black; - text-shadow: 0px 1px 1px white; + +#ui-bottom.centered { + display: flex; + justify-content: center; } -.dorako-ui .message-header.dark-header-text .header-meta { - color: hsl(0deg, 0%, 20%); - background-color: hsla(0deg, 0%, 90%, 0.5); - border: 1px solid hsla(0deg, 0%, 30%, 0.4); + +#chat-form { + flex: 0 0 var(--chat-input-height) !important; } -.dorako-ui .message-header .portrait-and-name { - flex-grow: 1; - display: flex; - gap: 5px; + +#players.dorako-ui h3 { + border: none; } -.dorako-ui .message-header .portrait-and-name .portrait-wrapper { - width: var(--avatar-size); - display: flex; - flex: none; - justify-content: center; - align-items: center; + +.chat-message .dorako-header { + padding-bottom: 5px; + box-shadow: var(--gold-and-glow); + background: var(--sheet-light); + background-size: cover; } -.dorako-ui .message-header .portrait-and-name .portrait-wrapper .portrait { - height: var(--avatar-size); - object-fit: contain; + +.combat-sidebar li.combatant .token-image { z-index: 0; } -.dorako-ui .message-header .portrait-and-name .portrait-wrapper .portrait.actor { - border-radius: 3px; -} -.dorako-ui .message-header .portrait-and-name .sender-wrapper { - display: flex; - gap: 3px; - flex-direction: column; - justify-content: left; - align-self: center; + +.combat-sidebar li.combatant .token-name { z-index: 1; } -.dorako-ui .message-header .portrait-and-name .sender-wrapper .message-sender, -.dorako-ui .message-header .portrait-and-name .sender-wrapper .player-name { - align-self: flex-start; - line-height: initial; + +.chat-message .message-content .damage-roll:not(:first-child) { + margin-top: 5px; } -/* ----------------------------------------- */ -/* Clutter */ -/* ----------------------------------------- */ -.dorako-ui.chat-message .message-content .damage-roll .dice-result .dice-total .instances { - padding-bottom: 4px; - margin-bottom: 0px; -} - -/* ----------------------------------------- */ -/* Damage buttons */ -/* ----------------------------------------- */ -.dorako-ui.message .message-content .damage-application { - gap: 2px; -} -.dorako-ui.message .message-content .damage-application button { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; -} -.dorako-ui.message .message-content .damage-application button.half-damage .transparent-half { - display: none; +.chat-message .flavor-text h4.action { + font-weight: 700; + line-height: 1.5em; + margin: 0; } -.dorako-ui.message .message-content .damage-application button.half-damage .fa-heart-broken { - position: relative; +.chat-message .flavor-text .target-dc-result { + line-height: 0.75rem; + margin-bottom: 4px; } -.dorako-ui.message .message-content .damage-application button.half-damage .fa-heart-broken::after { - content: "\f7a9"; - font-family: "Font Awesome 5 Free"; - color: hsla(0deg, 0%, 0%, 0.5); +.chat-message .flavor-text .target-dc-result .target-dc, +.chat-message .flavor-text .target-dc-result .result { display: block; - z-index: 1; - position: absolute; - top: 0px; - left: 2px; - clip-path: polygon(45% 0%, 50% 100%, 100% 100%, 100% 4%); - color: gray; + margin: 1px 0; + width: fit-content; } -.dorako-ui.message .message-content .damage-application button:hover { - box-shadow: none; - color: white; - border: 1px solid var(--gold-brown); - background-color: var(--primary-light); - box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary-light); +.chat-message .flavor-text .target-dc-result .unadjusted { + text-decoration: line-through; } -.dorako-ui.message .message-content .damage-application button:hover img { - filter: invert(1); +.chat-message .flavor-text .target-dc-result .adjusted { + text-decoration: underline dotted; } -.dorako-ui.message .message-content .damage-application button:hover.half-damage .fa-heart-broken::after { - clip-path: polygon(45% 0%, 50% 100%, 100% 100%, 100% 4%); - color: gray; +.chat-message .flavor-text .target-dc-result .adjusted.increased { + color: rgb(0, 128, 0); } -.dorako-ui.message .message-content .damage-application button.shield-block:hover { - background-color: var(--secondary-light); - box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-light); +.chat-message .flavor-text .target-dc-result .adjusted.decreased { + color: rgb(255, 0, 0); } -.dorako-ui.message .message-content .damage-application button.shield-block.shield-activated { - background-color: var(--secondary-light); - box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-light); +.chat-message .flavor-text .target-dc-result .degree-of-success .criticalSuccess { + color: rgb(0, 128, 0); } -.dorako-ui.message .message-content .damage-application button.shield-block.shield-activated:hover { - background-color: var(--secondary-dark); - box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-dark); +.chat-message .flavor-text .target-dc-result .degree-of-success .success { + color: rgb(0, 0, 255); } -.dorako-ui.message .message-content .damage-application button.heal-damage:hover { - background-color: green; - box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px green; +.chat-message .flavor-text .target-dc-result .degree-of-success .failure { + color: rgb(255, 69, 0); } -.dorako-ui.message .message-content .damage-application button.heal-damage:hover .fa-plus { - color: green; - text-shadow: none; +.chat-message .flavor-text .target-dc-result .degree-of-success .criticalFailure { + color: rgb(255, 0, 0); +} +.chat-message > .message-content .message-buttons { + display: flex; + margin: 0.35em 0 2px; + gap: 3px; } -/* ----------------------------------------- */ -/* Chat card */ -/* ----------------------------------------- */ -.dorako-ui.message.chat-message { - border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - background-image: var(--sheet); - background-size: cover; - border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); - margin: 5px 3px 3px 3px; +.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .adjusted.increased { + color: #00c000; } -.dorako-ui.message.chat-message.whisper { - background-color: var(--whisper-bg); - background-blend-mode: luminosity; +.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .adjusted.decreased { + color: #ff4040; } -.dorako-ui.message.chat-message.blind { - background-color: var(--blind-bg); - background-blend-mode: luminosity; +.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .criticalSuccess { + color: #00c000; } -.dorako-ui.message.chat-message .flavor-text hr { - display: none; +.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .success { + color: #4040ff; } -.dorako-ui.message.chat-message .persistent-damage-recovery hr { - display: none; +.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .failure { + color: #ff7440; } -.dorako-ui.message.chat-message .persistent-damage-recovery button { - margin-top: 3px; +.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .criticalFailure { + color: #ff4040; } -.dorako-ui.message.chat-message .persistent-damage-recovery button:hover { +.dorako-ui.dark-theme.chat-message > .message-content .message-buttons { + gap: 5px; +} +.dorako-ui.dark-theme.chat-message > .message-content .message-buttons button { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + color: var(--color-text-light-heading); text-shadow: 0px 0px 3px black; +} +.dorako-ui.dark-theme.chat-message > .message-content .message-buttons button:hover { + background-color: var(--primary); + color: var(--color-text-light-highlight); +} +.dorako-ui.dark-theme.chat-message > .message-content .message-buttons button.critical-success:hover { background-color: var(--primary-light); color: white; - box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary); -} -.dorako-ui.message.chat-message .message-content { - margin-top: 5px; } -.dorako-ui.message.chat-message .message-content .pf2e-pd-card { - margin-top: 3px; + +.chat-message > .message-header { + margin-bottom: 0px; } -.dorako-ui.message.chat-message .message-content .pf2e-pd-card hr { + +.dorako-damage-roll .flavor-text > *:nth-child(-n+3) { display: none; } -.dorako-ui.message.chat-message .message-content .pf2e-pd-card .apply-condition { - margin-top: 0px; + +.frosted-glass #hotbar .bar-controls, +.frosted-glass #hotbar .macro, +.frosted-glass nav#navigation ol#scene-list li.nav-item, +.frosted-glass nav#controls ol.control-tools li.control-tool, +.frosted-glass nav#controls ol.control-tools li.scene-control, +.frosted-glass #tah-expand-hud, +.frosted-glass .tah-title-button, +.frosted-glass .tah-action button, +.frosted-glass #tokenbar .token, +.frosted-glass #tokenbar .bar-controls, +.frosted-glass #players, +.frosted-glass nav#navigation #nav-toggle, +.frosted-glass #fps, +.frosted-glass .app { + backdrop-filter: var(--frosted-glass); +} +.frosted-glass #navigation, +.frosted-glass .control-tools { + backdrop-filter: unset; } -.dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message { - background-color: unset; + +/* ----------------------------------------- */ +/* Enhanced Terrain Layer */ +/* ----------------------------------------- */ +#controls ol.control-tools.sub-controls { + margin-right: 0px; +} + +#controls ol.control-tools#terrainlayer-tools { + margin-top: 44px; +} +#controls ol.control-tools#terrainlayer-tools .control-tool { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); +} +#controls ol.control-tools#terrainlayer-tools .control-tool:not(#tl-defaultcost):hover { + background-color: rgba(177, 177, 177, 0.5); + color: black; +} +#controls ol.control-tools#terrainlayer-tools .control-tool:not(#tl-defaultcost):hover button.control-btn:hover { + border-radius: 3px; + color: black; + text-shadow: 0 0 3px var(--color-text-light-highlight); box-shadow: none; +} + +/* ----------------------------------------- */ +/* Ripper's Filepicker+ */ +/* ----------------------------------------- */ +.filepicker-plus-tooltip { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); border: none; + backdrop-filter: blur(5px); } -.dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message li:not(:last-child) { - margin-bottom: 5px; + +#sidebar .app.window-app.filepicker { + margin: 0px; } -.dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message img { + +#sidebar .filepicker .window-content { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - border-radius: 50%; - margin-right: 6px; + background-image: var(--sheet); + background-size: cover; + background-image: var(--sheet-dark); + height: calc(100% - 5px); } -.dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-rules { + +/* ----------------------------------------- */ +/* Koboldworks turn announcer */ +/* ----------------------------------------- */ +.chat-message[data-message-id].koboldworks.round-cycling h3.round-message { + margin-left: 17px; + gap: 20px; +} + +.chat-message[data-message-id].koboldworks.turn-announcer.obfuscated { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; - border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); + background-size: cover; + background-blend-mode: luminosity; + background-color: var(--blind-bg); } -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .tags { - margin: 3px 0px; +.chat-message[data-message-id].koboldworks.turn-announcer.obfuscated.dorako-ui.dark-theme { + background: var(--sheet-dark); + background-size: cover; + background-blend-mode: luminosity; + background-color: var(--blind-bg); } -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .tags .vr { - display: none; + +/* ----------------------------------------- */ +/* Macros */ +/* ----------------------------------------- */ +.dorako-ui.window-app .window-content .dialog-content .cond-cont { + background: none; } -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button { - text-shadow: 0px 0px 3px black; - color: white; - background-color: var(--primary); - box-shadow: 0px 0px 1px 1px var(--tertiary) inset; - border: 1px solid var(--gold-brown); + +.dorako-ui.window-app .action-list button.action-btn img { + border-radius: 3px; + box-shadow: var(--gold-and-glow); } -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button:hover { - background-color: var(--primary-light); - box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary); +.dorako-ui.window-app .action-list button:hover { + filter: brightness(1.3); } -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.hidden-to-others { - background-color: var(--secondary); - color: var(--color-text-light-highlight); +.dorako-ui.window-app .action-list button.glow { + box-shadow: var(--gold-and-glow), var(--glassy); + animation: unset; + filter: brightness(1.1); + color: var(--tertiary); } -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.hidden-to-others:hover { - background-color: var(--secondary-light); - box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary); + +/* ----------------------------------------- */ +/* Monarch */ +/* ----------------------------------------- */ +.window-app.monarch .window-content { + box-shadow: none; + background: none; } -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.with-image img { + +.window-app.monarch-hand:not(.minimized).no-fade.trans, +.window-app.monarch-hand:not(.minimized):hover.trans { border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); border-radius: 3px; - height: 1.2em; - margin-right: 5px; -} -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons { - gap: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + backdrop-filter: blur(5px); } -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child) { - background: var(--primary-dark); - color: var(--color-text-light-highlight); + +.window-app.monarch-hand .window-header, +.monarch-hand footer.sheet-footer { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); } -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child):hover { - color: white; - background: var(--primary-light); + +.monarch .card-hud .controls a i { + color: var(--color-text-light-heading); } -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header { + +.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); } -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header img { + +.monarch-hand footer.sheet-footer { + margin: 2px 10px; +} +.monarch-hand footer.sheet-footer button { border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - flex: 0 0 34px; - height: 34px; - width: 34px; - margin-right: 6px; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + color: var(--color-text-light-heading); + text-shadow: 0px 0px 3px black; } -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h3 { - display: flex; - margin-top: 3px; - margin-bottom: -3px; - line-height: 0.95em; - font-family: var(--serif); - font-size: var(--font-size-22); - text-rendering: geometricPrecision; -} -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h3.pf2-icon { - font-family: Pathfinder2eActions; - font-size: xxx-large; - flex: 0 0 34px; -} -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h4 s { - color: gray; -} -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h4 span.heightened { - color: green; -} -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-content { - border-image-repeat: repeat; - border-image-slice: 11; - border-image-source: var(--ornamentation); - border-image-width: 14px; - border-style: double; - padding-left: 8px; - padding-right: 8px; - font-weight: 500; - margin: 0px; -} -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-content hr { - margin: 0px -10px; - border-color: rgba(35, 35, 31, 0.3333333333); - border-bottom: none; +.monarch-hand footer.sheet-footer button:hover { + color: var(--color-text-light-highlight); + background-color: var(--primary); } -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-footer { + +.monarch .card-hud .badge, +.monarch .card-hud .card-controls { border: none; -} -.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-footer span { - border-right: 1px solid gray; -} -.dorako-ui.message.chat-message [data-visibility]:not([data-visibility=all])[data-visibility=gm] { border-radius: 3px; - background: rgba(245, 234, 245, 0.6666666667); - outline: 1px dashed #720073; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); } -/* ----------------------------------------- */ -/* Color definitions */ -/* ----------------------------------------- */ -/* Colors */ -/* Global */ -/* used for mini headers, alternate primary color */ -/* compliments the primary color, usually used in combination */ -/* for all other uses */ -/* Lighter / Darker */ -/* Text */ -/* ----------------------------------------- */ -/* Color schemes */ -/* ----------------------------------------- */ -/* Proficiency ranks */ -/* Rarities */ -/* Degrees of success */ -/* Value adjustments (e.g. weak/elite) */ -/* ----------------------------------------- */ -/* CSS Custom Properties */ -/* ----------------------------------------- */ -:root { - /* Global */ - --primary: #5e0000; - --primary-light: #b10000; - --primary-dark: #380000; - --secondary: #171f69; - --secondary-light: #2836b7; - --secondary-dark: #0d113a; - --tertiary: #e9d7a1; - --rarity-common: #323232; - --rarity-uncommon: #98513d; - --rarity-rare: #002664; - --rarity-unique: #54166e; - --alt: #786452; - --alt-dark: #443730; - --bg: #f8f4f1; - --bg-dark: #e7d9cf; - --gold-brown: #956d58; - --sub: #605856; - --color-disabled: #ababab; - --blind-bg: #a57aa5; - --whisper-bg: #e3e3ff; - --inline-link-bg: #ddd; - --inline-repost-bg: #eaeaea; - --visibility-gm-bg: #e8e8ef; - --visibility-owner-bg: #ddebe1; - --blind-roll: #f5eaf5; - /* Lighter / Darker */ - --light: #910000; - --dark: #2b0000; - --tertiary-dark: #dfc578; - --tertiary-light: #f3e9ca; - /* Text */ - --body: var(--text-dark); - --color-text-trait: #f5efe0; - --text-dark: #1c1c1c; - --text-light: white; - /* Borders */ - --color-border-trait: #d8c384; - --color-border-divider: #baa991; - /* Headers w/ boxes */ - --header-color: var(--text-light); - --header-bg: var(--secondary); - /* Sidebar */ - --sidebar-label: var(--tertiary-dark); - --sidebar-title: var(--tertiary); - /* App UI */ - --glass-bg: rgba(20, 20, 20, 0.6); - --glass-bg-light: rgba(255, 255, 255, 0.1); - --glass-bg-dark: rgba(0, 0, 0, 0.7); - --gold-and-glow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), inset 0 0 3px rgba(255, 255, 255, 0.5); - --glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1), - 0px 0px 5px 0px rgba(0, 0, 0, 0.5); - --sheet-light: url(../img/background-light.webp); - --sheet-dark: url(../img/background-dark4.webp); - --header: url(../img/blue_header.webp); - --banner-top: url(../img/blue_sidebar_top.webp); - --banner-bottom: url(../img/blue_sidebar_bottom.webp); +.monarch-hand .tooltip { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + backdrop-filter: blur(5px); } /* ----------------------------------------- */ -/* Glassy Buttons */ +/* Monk's Common Display */ /* ----------------------------------------- */ -.dorako-ui.dark-theme.message.chat-message .dice-roll .dice-formula, -.dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total { +#common-display-toolbar { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); } -.dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total.success { - color: #00c000; -} -.dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total.failure { - color: #ff4040; -} -.dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-setInitiative-btn, -.dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-fullDamage-btn { +#common-display-toolbar .move-handle { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - background-color: var(--glass-bg-light); - color: var(--color-text-light-heading); - text-shadow: 0px 0px 3px black; -} -.dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-setInitiative-btn:hover, -.dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-fullDamage-btn:hover { - background-color: var(--primary); - color: var(--color-text-light-highlight); + border-radius: 5px 0px 0px 5px; } -.dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery hr { - display: none; -} -.dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery button { +#common-display-toolbar .common-display-button.small { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - color: var(--color-text-light-heading); text-shadow: 0px 0px 3px black; - margin-top: 5px; } -.dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery button:hover { +#common-display-toolbar .common-display-button.small:hover { background-color: var(--primary); - color: var(--color-text-light-highlight); } -.dorako-ui.dark-theme.message.chat-message .table-draw .table-description { - color: var(--color-text-light-highlight); - border-top: 1px solid var(--tertiary); -} -.dorako-ui.dark-theme.message.chat-message .table-draw .table-results .table-result img.result-image { +#common-display-toolbar .common-display-button.toggle { border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - background-image: var(--sheet); - background-size: cover; - background-image: var(--sheet-light); - object-fit: contain; border-radius: 3px; - margin-right: 5px; -} -.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons { - margin: 0px; - margin-top: 5px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + background-color: var(--secondary-dark); + text-shadow: 0px 0px 3px black; } -.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image { +#common-display-toolbar .common-display-button.toggle:hover, #common-display-toolbar .common-display-button.toggle.active { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - text-shadow: var(--dorako-text-shadow); - background: var(--primary); - color: var(--color-text-light-highlight); + background-color: var(--secondary-light); } -.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image:hover { - color: white; - background: var(--primary-light); + +/* ----------------------------------------- */ +/* Monk's Player Settings */ +/* ----------------------------------------- */ +#client-settings.dorako-ui.dark-theme #mps-view-group { + border-bottom: 1px solid var(--tertiary); } -.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image img { + +/* ----------------------------------------- */ +/* Monk's Enhanced Journal */ +/* ----------------------------------------- */ +.monks-enhanced-journal.window-app .window-content { + padding: 0px; +} + +/* ----------------------------------------- */ +/* Monk's tokenbar */ +/* ----------------------------------------- */ +#tokenbar { + gap: 3px; +} +#tokenbar .token-list { + gap: 5px; border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - border-radius: 3px; - height: 1.2em; - margin-right: 5px; } -.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button { +#tokenbar .bar-controls { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - text-shadow: var(--dorako-text-shadow); - background: var(--primary); - color: var(--color-text-light-highlight); } -.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button:hover { - color: white; - background: var(--primary-light); +#tokenbar .bar-controls div#tokenbar-move-handle { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + border-radius: 5px 0px 0px 5px; + margin-right: 2px; } -.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .hidden-to-others { +#tokenbar .token { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + flex: 0 0 52px; +} +#tokenbar .token .token-stats { + background: none; text-shadow: 0px 0px 3px black; - background: var(--secondary); - color: var(--color-text-light-highlight); } -.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .hidden-to-others:hover { - color: white; - background: var(--secondary-light); +#tokenbar .token:hover { + background-color: var(--primary); } -.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons { - gap: 5px; +#tokenbar .token:hover .token-icon { + box-shadow: none; + filter: drop-shadow(0px 0px 5px var(--tertiary)); } -.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child) { +#tokenbar .token .token-icon { + box-shadow: none; + border-radius: 3px; +} +#tokenbar .token .tooltip { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - text-shadow: 0px 0px 3px black; - background: var(--primary-dark); - color: var(--color-text-light-highlight); + backdrop-filter: blur(5px); } -.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child):hover { - color: white; - background: var(--primary-light); + +.monks-tokenbar.chat-card .card-header h3:hover { + text-shadow: unset; } -/* ----------------------------------------- */ -/* Damage buttons */ -/* ----------------------------------------- */ -.dorako-ui.dark-theme.message .message-content .damage-application { +.monks-tokenbar .sheet .items-list .items-header { + border: none; +} + +#tokenbar .bar-controls .tokenbar-buttons div.active:not(.disabled) i, +#tokenbar[movement=free] #movement-free:not(.disabled) i, +#tokenbar[movement=none] #movement-none:not(.disabled) i, +#tokenbar[movement=combat] #movement-combat:not(.disabled) i { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + border: none; + margin: 2px; + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + border-radius: 3px; + text-shadow: 0px 0px 3px black; + background-color: var(--primary-light); + color: var(--color-text-light-highlight); +} + +#tokenbar:not(.hidectrl) .bar-controls .tokenbar-buttons div.active:not(.disabled):hover i, +#tokenbar[movement=free]:not(.hidectrl) #movement-free:not(.disabled):hover i, +#tokenbar[movement=none]:not(.hidectrl) #movement-none:not(.disabled):hover i, +#tokenbar[movement=combat]:not(.hidectrl) #movement-combat:not(.disabled):hover i { + color: var(--color-text-light-highlight); +} + +.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .item .item-name, +.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list, +.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-header h3, +.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .items-header h3 { + color: var(--color-text-light-1); + font-family: unset; +} + +.dorako-ui.dark-theme#requestsavingthrow .request-grid.dice-group div::first-letter { + font-size: 0rem; +} +.dorako-ui.dark-theme#requestsavingthrow .request-grid { gap: 5px; - margin-top: 5px; - text-rendering: geometricPrecision; + margin: 5px 10px; + text-align: center; } -.dorako-ui.dark-theme.message .message-content .damage-application button { +.dorako-ui.dark-theme#requestsavingthrow .request-grid.dice-group { + display: flex; + justify-content: space-between; +} +.dorako-ui.dark-theme#requestsavingthrow .request-grid > div { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - text-shadow: 0px 0px 3px black; color: var(--color-text-light-heading); - margin: 0px; + text-shadow: 0px 0px 3px black; + padding: 2px 6px; + background-color: var(--secondary-dark); } -.dorako-ui.dark-theme.message .message-content .damage-application button img { - filter: invert(1) brightness(0.8) sepia(1) grayscale(0.8) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); +.dorako-ui.dark-theme#requestsavingthrow .request-grid > div:hover { + background-color: var(--secondary-light); + color: white; } -.dorako-ui.dark-theme.message .message-content .damage-application button:hover { +.dorako-ui.dark-theme#requestsavingthrow .request-grid > div.selected { + background-color: var(--secondary-light); + color: white; +} +.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .item { + border: none; + margin-bottom: 2px; +} +.dorako-ui.dark-theme .monks-tokenbar .dialog-buttons { + gap: 5px; +} +.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-header { + border: none; +} +.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer { + border: none; +} +.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer .flexrow { + gap: 5px; +} +.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer .flexrow .footer-button { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - color: white; - background-color: var(--primary-light); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + color: var(--color-text-light-heading); + text-shadow: 0px 0px 3px black; } -.dorako-ui.dark-theme.message .message-content .damage-application button:hover img { - filter: invert(1) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); +.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer .flexrow .footer-button:hover { + color: var(--color-text-light-highlight); + background-color: var(--primary); } -.dorako-ui.dark-theme.message .message-content .damage-application button:hover.half-damage .fa-heart-broken::after { - color: hsla(0deg, 0%, 0%, 0.5); - text-shadow: none; + +/* ----------------------------------------- */ +/* Monk's little details */ +/* ----------------------------------------- */ +#chat-log .message.round-marker { + border-bottom: 1px solid var(--tertiary) !important; } -.dorako-ui.dark-theme.message .message-content .damage-application button.half-damage .fa-heart-broken::after { - color: hsla(0deg, 0%, 0%, 0.5); - text-shadow: none; + +#darkness-progress > div > div { + background-color: var(--primary-light); } -.dorako-ui.dark-theme.message .message-content .damage-application button.shield-block:hover { - background-color: var(--secondary-light); - border: none; + +#token-hud.monks-little-details .status-effects .effect-control, +#token-hud.monks-little-details .status-effects .pf2e-effect-control { + border-radius: unset; } -.dorako-ui.dark-theme.message .message-content .damage-application button.shield-block.shield-activated { - background-color: var(--secondary-light); + +#token-hud.placeable-hud.monks-little-details .status-effects { + grid-template-columns: 90px 90px 90px 90px !important; + background: none; +} +#token-hud.placeable-hud.monks-little-details .status-effects .effect-control { border: none; + opacity: unset; } -.dorako-ui.dark-theme.message .message-content .damage-application button.shield-block.shield-activated:hover { - background-color: var(--secondary-dark); +#token-hud.placeable-hud.monks-little-details .status-effects .effect-control.active { border: none; + opacity: 1; + background-color: var(--secondary-light); } -.dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage .fa-stack i.fa-plus { - color: hsla(0deg, 0%, 0%, 0.5); - text-shadow: none; +#token-hud.placeable-hud.monks-little-details .status-effects .effect-control.active .effect-name { + color: white; + opacity: unset; } -.dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage:hover { - background-color: green; - border: none; +#token-hud.placeable-hud.monks-little-details .status-effects .effect-control img { + border-radius: 4px 0px 0px 4px; } -.dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage:hover .fa-stack i.fa-plus { - color: green; - text-shadow: none; +#token-hud.placeable-hud.monks-little-details .status-effects .effect-control img::before { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0px 0px 1px var(--tertiary); + border-radius: 4px 0px 0px 4px; + overflow: hidden; + pointer-events: none; +} +#token-hud.placeable-hud.monks-little-details .status-effects .effect-name { + opacity: unset; + padding-right: 4px; + color: var(--color-text-light-heading); + font-size: var(--font-size-12); } /* ----------------------------------------- */ -/* Chat card */ +/* Monk's hotbar expansion */ /* ----------------------------------------- */ -.dorako-ui.message.chat-message.dark-theme { - background: var(--sheet-dark); - background-size: cover; - color: var(--color-text-light-1); +#hotbar .action-bar.no-arrows + .bar-controls span.page-number, +#hotbar .hotbar-page .hotbar-page-row .bar-controls span.page-number, +#hotbar .hotbar-page .hotbar-page-row .bar-controls i { + line-height: 52px; } -.dorako-ui.message.chat-message.dark-theme.whisper { - background-color: var(--whisper-bg); - background-blend-mode: luminosity; + +#hotbar .hotbar-page .hotbar-page-row.selected .bar-controls .page-number { + color: var(--tertiary-dark); } -.dorako-ui.message.chat-message.dark-theme.blind { - background-color: var(--blind-bg); - background-blend-mode: luminosity; + +[data-tooltip="MonksHotbarExpansion.clear-row"] { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; } -.dorako-ui.message.chat-message.dark-theme .tags .tag_transparent { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); +[data-tooltip="MonksHotbarExpansion.clear-row"]:hover i { + text-shadow: 0 0 8px var(--color-shadow-primary); } -.dorako-ui.message.chat-message.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] { - background: rgba(245, 234, 245, 0.1333333333); + +.hotbar-page .page-number { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; } -.dorako-ui.message.chat-message.dark-theme span[data-pf2-check][data-pf2-traits*=secret] { - background: #f3ddf3; +.hotbar-page .page-number:hover { + text-shadow: 0 0 8px var(--color-shadow-primary); } -.dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card { - margin-top: 5px; + +#hotbar.dorako-ui { + width: 647px; } -.dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .apply-condition { - margin-top: 0px; +#hotbar.dorako-ui .hotbar-page { + overflow: visible; + gap: 4px; + bottom: 56px; } -.dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card button { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; +#hotbar.dorako-ui .hotbar-page .macro-list { + gap: 7px; + border: none; +} +#hotbar.dorako-ui .hotbar-page .action-bar { + margin: 0px 5px 0px 3px; +} + +/* ----------------------------------------- */ +/* Polyglot */ +/* ----------------------------------------- */ +#polyglot { + flex-basis: 20px; +} +#polyglot label { + display: none; +} +#polyglot select { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - text-shadow: var(--dorako-text-shadow); + background: var(--glass-bg-light); + color: var(--color-text-light-heading); + text-shadow: 0px 0px 3px black; } -.dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card button:hover { - background-color: var(--primary-light); +#polyglot select option, +#polyglot select optgroup { + background-color: rgb(37, 37, 37); color: var(--color-text-light-highlight); } -.dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card > div:not(.card-buttons) { - margin-bottom: 5px; -} -.dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .flat-check-failure { - text-rendering: optimizeLegibility; - background-color: #ff4500; - border-radius: 2px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); - color: white; - font-family: var(--sans-serif); - font-size: 10px; - font-weight: 500; - letter-spacing: 0.05em; - line-height: 1; - padding: 3px 4px; - text-transform: uppercase; + +/* ----------------------------------------- */ +/* Scene Preview */ +/* ----------------------------------------- */ +.navi-preview { + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); + border-radius: 5px; } -.dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .flat-check-success { - text-rendering: optimizeLegibility; - background-color: blue; - border-radius: 2px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); - color: white; - font-family: var(--sans-serif); - font-size: 10px; - font-weight: 500; - letter-spacing: 0.05em; - line-height: 1; - padding: 3px 4px; - text-transform: uppercase; + +/* ----------------------------------------- */ +/* Speaking As */ +/* ----------------------------------------- */ +div.speaking-as--currentSpeaker + #chat-controls { + padding: 0px; } -.dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-header h4 s { - color: gray; + +.speaking-as--currentSpeaker { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + background-color: var(--glass-bg-light); + padding-left: 5px; + margin: 0px 6px; + text-shadow: 0px 0px 3px black; } -.dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-header h4 span.heightened { - color: green; + +.speaking-as--currentSpeaker--button { + cursor: pointer; } -.dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-content hr { - margin: 0px -10px; - border-color: var(--tertiary); - border-bottom: none; +.speaking-as--currentSpeaker--button:hover { + color: var(--color-text-light-highlight); } /* ----------------------------------------- */ -/* Damage types */ +/* PF2e Target Damage */ /* ----------------------------------------- */ -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-formula, -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-total { - color: var(--color-text-light-5); +.chat-message .message-content .pf2e-td.damage-application button .label { + font-size: var(--font-size-8); } -.dorako-ui.message.dark-theme .dice-tooltip .part-header { - border-bottom: 1px solid var(--color-text-dark-3); + +wrapper.pf2e-td.name-top .pf2e-td.name { + background: rgba(0, 0, 0, 0.1); + border: 1px solid var(--color-border-light-2); + border-radius: 3px; + box-shadow: 0 0 2px #fff inset; + width: 100%; } -.dorako-ui.message.dark-theme .dice-tooltip .part-header .part-total { - background: rgba(255, 255, 255, 0.1); - border: 1px solid var(--color-text-dark-3); + +.dorako-ui.chat-message hr.pf2e-td { + display: none !important; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance { - white-space: nowrap; + +.dorako-ui.dark-theme.chat-message hr.pf2e-td { + display: none !important; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid { - border-color: #00b300; - color: #007300; +.dorako-ui.dark-theme.chat-message button.small-button.pf2e-td { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + background-color: var(--glass-bg-light); + color: var(--color-text-light-heading); + text-shadow: 0px 0px 3px black; + margin: 2px; + width: 20px; + height: calc(100% - 4px); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid.tooltip-part > header { - background: rgba(0, 179, 0, 0.125); +.dorako-ui.dark-theme.chat-message button.small-button.pf2e-td:hover { + background-color: var(--primary); + color: var(--color-text-light-highlight); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid .icon { - color: #00b300; +.dorako-ui.dark-theme.chat-message wrapper.pf2e-td { + gap: 3px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed { - border-color: #d90025; - color: #99001a; +.dorako-ui.dark-theme.chat-message wrapper.pf2e-td .pf2e-td.damage-application { + gap: 3px; + margin-top: 0px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed.tooltip-part > header { - background: rgba(217, 0, 37, 0.125); +.dorako-ui.dark-theme.chat-message wrapper.pf2e-td.name-left .pf2e-td.damage-application { + gap: 3px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed .icon { - color: #d90025; +.dorako-ui.dark-theme.chat-message wrapper.pf2e-td .pf2e-td.name { + color: var(--color-text-light-heading); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning { - border-color: #cccccc; - color: #acacac; +.dorako-ui.dark-theme.chat-message wrapper.pf2e-td .pf2e-td.name:hover { + color: var(--color-text-light-highlight); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning.tooltip-part > header { - background: rgba(204, 204, 204, 0.125); +.dorako-ui.dark-theme.chat-message wrapper.pf2e-td.name-top .pf2e-td.name { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + width: 100%; + line-height: 24px; + text-shadow: 0px 0px 3px black; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning .icon { - color: #cccccc; +.dorako-ui.dark-theme.chat-message wrapper.pf2e-td.name-top .pf2e-td.name:hover { + color: var(--color-text-light-highlight); + background-color: var(--primary); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic { - border-color: #e600e6; - color: #a600a6; +.dorako-ui.dark-theme.chat-message .message-content .pf2e-td.damage-application button .label { + font-size: var(--font-size-8); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic.tooltip-part > header { - background: rgba(230, 0, 230, 0.125); + +#target-damage-chat-window [data-visibility]:is(div, em, h4, p, span, strong):not([data-visibility=all])[data-visibility=gm] { + background-color: transparent; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic .icon { - color: #e600e6; + +#target-damage-chat-window { + border: none; + margin: 0px; + padding: 0px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold { - border-color: #4949cc; - color: #2f2fa6; + +#target-damage-chat-window:empty { + display: none; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold.tooltip-part > header { - background: rgba(73, 73, 204, 0.125); + +.hidden #target-damage-hide-button { + left: 0px; + top: 2px; + margin: 0px; + padding: 0px; + height: 14px; + width: 14px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold .icon { - color: #4949cc; + +.damage-application.hidden.right { + padding: 0px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity { - border-color: #f1b012; - color: darkgoldenrod; + +.hidden.right #target-damage-hide-button { + left: 0px; + top: 2px; + margin: 0px; + padding: 0px; + height: 14px; + width: 14px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity.tooltip-part > header { - background: rgba(241, 176, 18, 0.125); + +/* ----------------------------------------- */ +/* Token Action HUD (TAH) */ +/* ----------------------------------------- */ +:root { + --dorako-bg-current: var(--glass-bg); + --dorako-vibrancy: var(--frosted-glass); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity .icon { - color: #f1b012; + +#tah-categories { + gap: 5px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil { - border-color: #842ac4; - color: #611f90; + +#token-action-hud { + gap: 5px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil.tooltip-part > header { - background: rgba(132, 42, 196, 0.125); - text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8); + +#tah-expand-hud { + width: 32px; + height: 32px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil .icon { - color: #842ac4; + +#tah-expand-hud, +.tah-title-button { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + color: var(--color-text-light-heading); + padding: 3px 5px 3px 5px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire { - border-color: #e64100; - color: #a62f00; +#tah-expand-hud:hover, +.tah-title-button:hover { + color: var(--color-text-light-highlight); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire.tooltip-part > header { - background: rgba(230, 65, 0, 0.125); + +.tah-category.hover button.tah-title-button { + background-color: var(--primary); + color: var(--color-text-light-highlight); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire .icon { - color: #e64100; + +.tah-subtitle { + width: 174px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force { - border-color: #89edfc; - color: #4be3fa; + +.tah-action button { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + color: var(--color-text-light-heading); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force.tooltip-part > header { - background: rgba(137, 237, 252, 0.125); +.tah-action button.toggle { + background-color: var(--secondary-dark); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force .icon { - color: #89edfc; +.tah-action button:hover { + color: var(--color-text-light-highlight); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good { - border-color: #d99f0e; - color: #9d730a; +.tah-action button.active { + color: white; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good.tooltip-part > header { - background: rgba(217, 159, 14, 0.125); + +/* ----------------------------------------- */ +/* PF2e Workbench */ +/* ----------------------------------------- */ +.xdy-pf2e-workbench-rarity-common { + color: var(--rarity-common); + border-color: var(--rarity-common); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good .icon { - color: #d99f0e; + +.xdy-pf2e-workbench-rarity-uncommon { + color: var(--rarity-uncommon); + border-color: var(--rarity-uncommon); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful { - border-color: #a86400; - color: #683e00; + +.xdy-pf2e-workbench-rarity-rare { + color: var(--rarity-rare); + border-color: var(--rarity-rare); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful.tooltip-part > header { - background: rgba(168, 100, 0, 0.125); - text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8); + +.xdy-pf2e-workbench-rarity-unique { + color: var(--rarity-unique); + border-color: var(--rarity-unique); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful .icon { - color: #a86400; + +.dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .item-image { + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + border-radius: 2px; + margin: 0px; + margin-right: 8px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental { - border-color: #3d53c7; - color: #2c3d99; +.dorako-ui.actor.sheet .crb-style aside .sidebar select { + color: white; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental.tooltip-part > header { - background: rgba(61, 83, 199, 0.125); - text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8); +.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-image .item-icon, .dorako-ui.spellcasting-entry.preparation ol.spell-list > li .item-name .item-image .item-icon { + border-radius: 2px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental .icon { - color: #3d53c7; +.dorako-ui.actor.sheet .crb-style aside .modifiers_button { + text-shadow: none; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative { - border-color: #4e4e68; - color: #4e4e68; +.dorako-ui.actor.sheet .crb-style aside .modifiers_button:hover:not(:disabled) { + background: white; + color: var(--primary); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative.tooltip-part > header { - background: rgba(78, 78, 104, 0.125); - text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8); +.dorako-ui.actor.sheet .crb-style { + background-image: url("../img/header.webp"), var(--sheet); +} +.dorako-ui.spellcasting-entry.preparation ol.spell-list > li .item-name .item-image:hover .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image:hover, .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .item-image:hover, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name .item-image:hover { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + background: white !important; +} +.dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded .item-summary, .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability h3.ability-mod { + border-image-source: var(--ornamentation); +} +.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options { + gap: 3px; +} +.dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution { + box-shadow: unset; + background: unset; + gap: 3px; + display: flex; + flex-direction: column; +} +.dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button { + background-color: var(--tertiary); +} +.dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button:hover { + color: black; + background-color: var(--tertiary-dark); +} +.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:not(:disabled) { + text-shadow: unset; +} +.dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell.expanded { + border-radius: 0px 0px 10px 10px; +} +.dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + text-shadow: 0px 0px 3px black; + color: white; + background-color: var(--primary); + box-shadow: 0px 0px 1px 1px var(--tertiary) inset; + border: 1px solid var(--gold-brown); +} +.dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button:hover { + background-color: var(--primary-light); +} +.dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary { + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + background-image: var(--sheet); + background-size: cover; + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); + margin: 5px 0px; + border-radius: 8px; +} +.dorako-ui.actor.sheet .crb-style nav.sheet-navigation .item, .dorako-ui.actor.sheet .crb-style nav.sheet-navigation .item:hover, .dorako-ui .actor.sheet .crb-style nav.sheet-navigation .item.active { + z-index: 4; +} +.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > button, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > .controls { + gap: 3px; +} +.dorako-ui.actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type:not(.active) { + color: var(--half-transparent); +} +.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .encumbrance-light-bulk-overflow { + color: var(--body); + text-shadow: unset; +} +.dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image .item-icon { + border-radius: 2px; +} +.dorako-ui.actor.sheet .inventory .item-name .item-image { + background-color: var(--alt-dark); + border: 1px solid var(--gold-brown); + border-bottom: 0px; + border-left: 0px; +} +.dorako-ui.actor.sheet .inventory .item-name .item-image:last-child { + border-bottom: 1px solid var(--gold-brown); +} +.dorako-ui.actor.sheet .inventory .container-held-items .item-name .item-image { + border-left: 1px solid var(--gold-brown); +} +.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .wealth { + margin-bottom: unset; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2), 0 2px 4px rgba(0, 0, 0, 0.18); +} +.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list { + padding-top: 0.5rem; +} +.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions { + gap: unset; +} +.dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions > div { + padding-top: 0.5rem; +} + +.dorako-ui.dark-theme { + --rarity-common: #e1d8cf; + --rarity-uncommon: #c45500; + --rarity-rare: #5362ff; + --rarity-unique: #e127e1; +} +.dorako-ui.dark-theme h4.rarity-common { + color: #e1d8cf !important; +} +.dorako-ui.dark-theme h4.rarity-uncommon { + color: #c45500 !important; +} +.dorako-ui.dark-theme h4.rarity-rare { + color: #5362ff !important; +} +.dorako-ui.dark-theme h4.rarity-unique { + color: #e127e1 !important; +} +.dorako-ui.dark-theme .tags .tag.tag_secondary, +.dorako-ui.dark-theme .tags .tag option.tag_secondary { + background-color: var(--tertiary-dark); + color: black; +} +.dorako-ui.dark-theme .tags .tag.tag_transparent, +.dorako-ui.dark-theme .tags .tag option.tag_transparent { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); +} +.dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution { + gap: 5px; +} +.dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + text-shadow: unset; + background-color: var(--tertiary); + color: black; +} +.dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button:hover { + background-color: var(--tertiary-dark); + color: black; +} +.dorako-ui.dark-theme.actor.sheet .inventory .item-summary { + background: rgba(0, 0, 0, 0.25); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-name { + color: var(--color-border-light-primary); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-score input { + background: rgba(211, 204, 188, 0.2); + box-shadow: none; +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item.unidentified { + border-radius: 3px; + background: rgba(245, 234, 245, 0.1333333333); + outline: 1px dashed #720073; +} +.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item { + border-image: linear-gradient(90deg, rgba(241, 237, 234, 0), black) 1; +} +.dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-1, .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-2 { + color: black; +} +.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography h3 { + color: var(--tertiary); + border-color: var(--tertiary); +} +.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .editor-content { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header { + color: var(--tertiary); +} +.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded h4 { + color: var(--tertiary); +} +.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded .item-summary .tag.tag_secondary { + background-color: var(--tertiary-dark); +} +.dorako-ui.dark-theme .crb-style .details-label { + color: var(--tertiary); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-id { + color: var(--tertiary); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h1 { + color: var(--tertiary); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header button { + background-color: var(--tertiary); + color: black; + text-shadow: unset; +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability.key .ability-id, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability.key .ability-mod { + color: var(--tertiary-dark); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title { + color: var(--tertiary-dark); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .rollable:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .rollable:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .rollable:hover { + color: var(--tertiary); + text-shadow: unset; +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name h4:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name h4:hover { + color: var(--tertiary); + text-shadow: unset; +} +.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + background-color: var(--primary); + color: var(--color-text-light-highlight); + font-family: var(--sans-serif); + text-shadow: 0px 0px 3px black; +} +.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button:hover { + background-color: var(--primary-light); + color: white; + text-shadow: 0px 0px 3px black; +} +.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary { + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + background-image: var(--sheet); + background-size: cover; + margin: 5px 0px; + border-radius: 8px; + background-color: var(--secondary-dark); + background-blend-mode: luminosity; +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav { + background: var(--glass-bg-light); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0px -1px 2px rgba(255, 255, 255, 0.3) inset; +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab { + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-right: 1px solid rgba(0, 0, 0, 0.2); + color: var(--tertiary-dark); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab.active { + color: var(--tertiary); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab:hover { + text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav::before, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav::after { + filter: invert(1); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .alt-usage img.alt-usage-icon { + filter: invert(1); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg path, .dorako-ui.dark-theme.actor.sheet a.roll-icon svg path { + fill: var(--text-light); +} +.dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.item-toggle-invest.active, .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type.active { + color: var(--tertiary-dark); +} +.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input { + box-shadow: unset; +} +.dorako-ui.dark-theme.sheet.actor section.sidebar, .dorako-ui.dark-theme.sheet.actor section.sidebar .gm-settings, .dorako-ui.dark-theme.sheet.actor section.sidebar > img.actor-icon, .dorako-ui.dark-theme.sheet.actor section.sidebar .sidebar-meta, .dorako-ui.dark-theme.sheet.actor .sheet-header { + border-color: var(--tertiary) !important; +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group { + gap: 3px; +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + text-shadow: 0px 0px 3px black; +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled) { + background: var(--secondary); + color: var(--color-text-light-highlight); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled).damage { + background: var(--primary); +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled).damage:hover { + background: var(--primary-light); + color: white; +} +.dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled):hover { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + text-shadow: 0px 0px 3px black; + background: var(--secondary-light); + color: white; +} +.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li button.cast-spell, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .blue-button { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + text-shadow: 0px 0px 3px black; + background: var(--secondary); + color: var(--color-text-light-highlight); +} +.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li button.cast-spell:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .blue-button:hover { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + text-shadow: 0px 0px 3px black; + background: var(--secondary-light); + color: white; +} +.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell { + background: var(--secondary-dark); + color: var(--color-disabled); +} +.dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell:hover { + background: var(--secondary-dark); + color: var(--color-disabled); +} +.dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text], .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-level .level input, .dorako-ui.dark-theme.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input, .dorako-ui.dark-theme.actor.sheet .crb-style aside input[type=number] { + background: unset; + box-shadow: unset; +} +.dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text]:hover, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text]:focus, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable:hover, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable:focus, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-level .level input:hover, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-level .level input:focus, .dorako-ui.dark-theme.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input:focus, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:focus, .dorako-ui.dark-theme.actor.sheet .crb-style aside input[type=number]:hover, .dorako-ui.dark-theme.actor.sheet .crb-style aside input[type=number]:focus { + background: unset; + box-shadow: unset; +} + +.combat-sidebar .drag-gap { + visibility: hidden; +} +.combat-sidebar .hidden-name .token-name h4 { + color: var(--color-text-light-7); +} +.combat-sidebar li.combatant .token-image { + margin: 2px; +} +.combat-sidebar li.combatant .token-name img.token-effect { + border-radius: 50%; + border: 1px solid var(--tertiary); + box-shadow: 1px 1px 4px #222; +} +.combat-sidebar li.combatant.defeated img { + transform: unset; +} +.combat-sidebar li.combatant.active { + background: var(--primary); + color: var(--color-text-light-highlight); +} + +#ui-middle { + position: relative; +} + +.effect-panel.dorako-ui { + pointer-events: initial; + position: absolute; + top: 5px; + top: 0px; + right: 3px; + right: -3px; + overflow: hidden scroll; + height: calc(100% - 62px); + height: 100%; + padding-top: 5px; + padding-bottom: 10%; + padding-left: 15px; +} +.effect-panel.dorako-ui::-webkit-scrollbar-track { + box-shadow: none; +} +.effect-panel.dorako-ui .effect-item { + display: flex; + justify-content: flex-end; + height: 46px; + margin-bottom: 0.2em; + margin-right: 3px; +} +.effect-panel.dorako-ui .effect-item:hover .effect-info { + display: block; +} +.effect-panel.dorako-ui .effect-item .effect-info { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + display: none; + height: min-content; + margin: 3px; + margin-right: 0.5em; + padding: 4px 8px; + backdrop-filter: blur(5px); + z-index: var(--z-index-tooltip); +} +.effect-panel.dorako-ui .effect-item .effect-info h1 { + font-size: var(--font-size-16); + color: var(--color-text-light-highlight); + text-align: right; + border: none; +} +.effect-panel.dorako-ui .effect-item .effect-info p:last-child { + margin-bottom: 0px; +} +.effect-panel.dorako-ui .effect-item .effect-info .tags { + justify-content: flex-end; +} +.effect-panel.dorako-ui .effect-item .effect-info .tags .tag { + margin-bottom: 0; +} +.effect-panel.dorako-ui .effect-item .effect-info .tags .tag + .tag, .effect-panel.dorako-ui .effect-item .effect-info .tags .tag:first-child { + margin-left: 3px; + margin-right: -2px; +} +.effect-panel.dorako-ui .effect-item .effect-info .instructions { + color: var(--color-text-light-heading); + font-size: 0.75em; + text-align: right; +} +.effect-panel.dorako-ui .effect-item .icon { + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); + border-radius: 50%; + align-items: center; + background-repeat: no-repeat; + background-size: contain; + color: transparent; + display: flex; + justify-content: center; + position: relative; + height: 42px; + width: 42px; + margin-left: 3px; +} +.effect-panel.dorako-ui .effect-item .icon .expired { + position: absolute; + left: auto; + bottom: -1px; + width: 80%; + width: unset; + padding: 2px 2px; + color: white; + color: var(--color-text-light-highlight); + background-color: var(--primary-light); + text-shadow: 0px 0px 3px black; + box-shadow: var(--gold-and-glow); + border-radius: 2px; +} +.effect-panel.dorako-ui .effect-item .icon .linked { + position: absolute; + display: inline-block; + bottom: -1px; + right: -1px; + padding: 0px 2px; + color: white; + color: var(--color-text-light-highlight); + background-color: rgba(0, 0, 0, 0.75); + background: none; + text-shadow: 0px 1px 5px black, 0px 1px 5px black; +} +.effect-panel.dorako-ui .effect-item .icon .value { + position: absolute; + display: inline-block; + bottom: -1px; + left: -1px; + padding: 0px 2px; + color: white; + color: var(--color-text-light-highlight); + background-color: rgba(0, 0, 0, 0.75); + background: none; + text-shadow: 0px 1px 5px black, 0px 1px 5px black; +} +.effect-panel.dorako-ui .effect-item .icon.unidentified { + filter: drop-shadow(0 0 8px var(--blind-bg)); +} +.effect-panel.dorako-ui hr { + margin-right: 6; + margin-right: 2px; + width: 36px; + width: 42px; + border-top: 1px solid var(--tertiary); + border-bottom: 1px solid var(--gold-brown); + box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); +} + +.dorako-ui.familiar .main-section { + gap: 10px; + margin: 0px 10px; +} +.dorako-ui.familiar .main-container { + display: flex; + flex-direction: column; + gap: 10px; +} +.dorako-ui.familiar .window-content .skills-content .skills-list .skill-name { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + background: rgba(255, 255, 240, 0.8); + border: 1px solid var(--color-border-light-primary); +} +.dorako-ui.familiar .window-content .skills-content .skills-list .skill-name:hover { + box-shadow: none; + color: var(--color-text-light-highlight); + border: 1px solid var(--gold-brown); + background-color: var(--primary-light); + box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary-light); +} +.dorako-ui.familiar .window-content .skills-content .skills-list .skill-name:hover .score { + color: var(--tertiary); +} +.dorako-ui.familiar .section-container { + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + background-image: var(--sheet); + background-size: cover; + box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); + padding: unset; + border-radius: 5px; +} +.dorako-ui.familiar .section-container .section-header { + background: var(--primary); + border-radius: 5px 5px 0px 0px; + border: none; + box-shadow: var(--gold-and-glow); +} +.dorako-ui.familiar .section-container .section-body { + border: none; +} + +.dorako-ui.dark-theme.familiar .detail .detail-label { + color: var(--tertiary); +} +.dorako-ui.dark-theme.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value input { + box-shadow: none; +} +.dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); +} +.dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name .score { + color: var(--primary-light); +} +.dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name:hover { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + background-color: var(--primary-light); +} +.dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name:hover .score { + color: var(--tertiary); +} + +.dorako-ui.dark-theme [data-visibility]:not([data-visibility=all]) { + border-radius: 3px; + outline: 1px dashed #720073; + /* ----------------------------------------- */ + /* GM Visibility Elements */ + /* ----------------------------------------- */ + /* ----------------------------------------- */ + /* Owner Visibility Elements */ + /* ----------------------------------------- */ +} +.dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] { + background: rgba(245, 234, 245, 0.1333333333); +} +.dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm].message-sender { + max-width: fit-content; +} +.dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] [data-visibility=gm] { + outline: none; + padding: initial; +} +.dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=owner] { + background: rgba(245, 234, 245, 0.1333333333); +} +.dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=owner] [data-visibility=owner] { + outline: none; + padding: initial; +} + +.dorako-ui.hazard { + --hazard: #1c3532; +} +.dorako-ui.hazard form > header { + box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); +} +.dorako-ui.hazard .content { + display: flex; + flex-direction: column; + gap: 10px; +} +.dorako-ui.hazard .content .section-container { + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + background-image: var(--sheet); + background-size: cover; + box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); + padding: unset; + border-radius: 5px; +} +.dorako-ui.hazard .content .section-container:first-child { + margin-top: 10px; +} +.dorako-ui.hazard .content .section-container .section-header { + background: var(--hazard); + border-radius: 5px 5px 0px 0px; + border: none; + box-shadow: var(--gold-and-glow); +} +.dorako-ui.hazard .content .section-container .section-body { + border: none; +} + +.dorako-ui.dark-theme.hazard input { + color: var(--color-text-light-primary); +} +.dorako-ui.dark-theme.hazard .sidebar { + border-right: 1px solid var(--tertiary); +} +.dorako-ui.dark-theme.hazard .sidebar .health input { + color: var(--color-text-light-primary); +} + +.dorako-ui.sheet.pf2e.actor.npc ol.spell-list > li .item-name .item-image .item-icon { + border-radius: 3px; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .sheet-body .tab { + padding-top: 2px; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=number]:focus, +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=number]:hover:not(:disabled), +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=text]:focus, +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=text]:hover:not(:disabled) { + border: 1px solid var(--tertiary); + box-shadow: 0 0 10px var(--primary-light); +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input.adjustable:not(:focus).adjusted-higher, +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet span.adjustable.adjusted-higher { + color: green !important; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input.adjustable:not(:focus).adjusted-lower, +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet span.adjustable.adjusted-lower { + color: red !important; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .top-sections { + gap: 5px; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section { + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + background-image: var(--sheet); + background-size: cover; + box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); + border-radius: 3px; + margin: 3px; + margin-top: 0px; + margin-bottom: 10px; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.initiative select { + width: 98%; + margin-bottom: 2px; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed { + max-height: 20px; + transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed .side-bar-section-header { + border-radius: 3px; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed:not(.empty):hover { + max-height: 1000px; + transition: max-height 1s ease-in-out; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed:not(.empty):hover .side-bar-section-header { + border-radius: 3px 3px 0px 0px; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed:not(.empty):hover .side-bar-section-content { + display: block; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed .side-bar-section-content { + display: none; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container { + box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); + padding: 0px; + border-radius: 3px; + margin: 3px; + margin-top: 0px; + margin-bottom: 10px; + background-color: var(--bg); + background-image: var(--sheet); + background-size: cover; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container .section-header { + box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5); +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container:not(.headerless) .section-body { + border-top: 1px solid var(--tertiary); +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container .section-body { + border: none; + padding: 0; + padding: 5px; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container.toggles { + border-image-repeat: repeat; + border-image-slice: 11; + border-image-source: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:gray;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + border-image-width: 14px; + border-style: double; + padding-left: 8px; + padding-right: 8px; + margin-left: 0px; + font-weight: 500; + margin-right: 0px; + margin-top: 0px; + margin-bottom: 0px; + box-shadow: none; + background: none; + margin: 5px; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .image-container { + border: none; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves-section.side-bar-section { + display: flex; + flex-direction: column; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves-section.side-bar-section.collapsed { + max-height: 42px; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves-section.side-bar-section.collapsed:hover { + max-height: 1000px; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves { + margin-top: 0px; + width: unset; +} +.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .save-details { + font-size: 14px; +} +.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header { + background: var(--primary); + border: 1px solid var(--primary); + border-radius: 3px 3px 0px 0px; + color: #f5efe0; + box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5); + margin-top: 0px; + height: 20px; +} +.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header.disabled { + border-radius: 3px; +} +.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header + .side-bar-section-content { + margin: 0px; + padding: 0px; +} +.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header input[type=number], +.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header input[type=text] { + color: #f5efe0; +} +.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header a:hover { + text-shadow: 0px 0px 8px var(--tertiary); +} +.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .inventory-section .inventory-list .item .item-image { + border: none; + margin: 3px 4px 3px 6px; + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5); +} +.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .side-bar .image-container, +.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .actions-options .actions-option { + cursor: pointer; +} +.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .actions-options .actions-option:hover { + text-shadow: 0 0 10px var(--primary-light); + color: var(--primary); +} +.dorako-ui.sheet.pf2e.actor.npc .recall-knowledge .section-body button { + background: var(--secondary); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px hsla(0deg, 0%, 100%, 0.2); + border: none; + color: white; + transition: background 0.15s ease-in-out; + margin-top: 3px; +} +.dorako-ui.sheet.pf2e.actor.npc .recall-knowledge .section-body button:hover { + background: var(--secondary-light); +} + +.pf2e.actor.npc.dorako-ui.npc .npc-sheet .side-bar-section-content { + width: 98%; + margin-left: 3px; + margin-right: 3px; +} + +.side-bar-section-header .pf2e-see-simple-scale-statistics-High-color-primary { + color: #3cff00; +} +.side-bar-section-header .pf2e-see-simple-scale-statistics-Moderate-color-primary { + color: #ffff54; +} +.side-bar-section-header .pf2e-see-simple-scale-statistics-Low-color-primary { + color: #ff8000; +} +.side-bar-section-header .pf2e-see-simple-scale-statistics-Terrible-color-primary { + color: #ff0000; +} + +/* Light */ +.dorako-ui.sheet.pf2e.actor.npc.light-theme form .sheet-tabs { + background-color: var(--bg); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); + border: 1px solid var(--color-border-light-primary); + border-radius: 3px; + margin: 2px; + margin-bottom: 0px; + z-index: 1; +} + +.dorako-ui.npc.light-theme .tabs .item { + color: var(--primary-light); +} +.dorako-ui.npc.light-theme .tabs .item a:hover { + text-shadow: 0px 0px 10px var(--primary); +} +.dorako-ui.npc.light-theme .tabs .item.disabled { + color: #ababab; +} +.dorako-ui.npc.light-theme .tabs .item.disabled:hover { + color: var(--primary-dark); + text-shadow: 0px 0px 10px var(--primary-dark); +} +.dorako-ui.npc.light-theme .tabs .item.active { + color: var(--secondary-light); + text-shadow: 0px 0px 10px var(--secondary-light); +} + +/* Dark */ +.dorako-ui.sheet.pf2e.actor.npc.dark-theme form .sheet-tabs { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + background: var(--glass-bg-light); + color: var(--color-text-light-heading); +} + +.dorako-ui.sheet.pf2e.actor.npc.dark-theme .npc-sheet .item.disabled { + color: #666666; +} + +.dorako-ui.sheet.pf2e.actor.npc.dark-theme.window-app .npc-sheet .effects .section-body .effects-list .item.unidentified { + outline: 1px dashed #720073; + background: rgba(245, 234, 245, 0.1333333333); +} + +.sheet.pf2e.actor.npc.dark-theme.window-app input[type=text], +.sheet.pf2e.actor.npc.dark-theme.window-app input[type=number], +.sheet.pf2e.actor.npc.dark-theme.window-app input[type=search], +.sheet.pf2e.actor.npc.dark-theme.window-app input[type=date], +.sheet.pf2e.actor.npc.dark-theme.window-app input[type=time] { + box-shadow: unset; +} + +.sheet.pf2e.actor.npc.dark-theme .recall-knowledge .section-body button { + box-shadow: var(--glassy); +} + +.sheet.pf2e.actor.npc.dark-theme .tabs .item.active { + color: var(--tertiary); +} + +.actor.pf2e.actor.npc.dark-theme .tabs .item.active, +.actor.pf2e.actor.npc.dark-theme a:hover { + text-shadow: 0 0 10px var(--tertiary); +} + +.sheet.pf2e.actor.npc.dark-theme .window-content { + background: none; + background-color: #111; + background: var(--sheet-dark); + background-size: cover; +} + +.sheet.pf2e.actor.npc.dark-theme .tags .tag option.tag_transparent, +.sheet.pf2e.actor.npc.dark-theme .tags .tag.tag_transparent { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); +} + +.sheet.pf2e.actor.npc.dark-theme form .notes { + text-shadow: none; +} + +.sheet.pf2e.actor.npc.dark-theme .npc-sheet, +.actor.pf2e.actor.npc.dark-theme .npc-sheet .entries-list .spellcasting-entry .header h4.name input, +.sheet.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls, +.sheet.pf2e.actor.npc.dark-theme ol.spell-list > li.spell-level-header, +.sheet.pf2e.actor.npc.dark-theme .npc-sheet .side-bar-section.initiative select, +.sheet.pf2e.actor.npc.dark-theme .npc-sheet .notes .notes-text { + color: white; +} + +.sheet.pf2e.actor.npc.dark-theme form input[type=number], +.sheet.pf2e.actor.npc.dark-theme form input[type=text], +.sheet.pf2e.actor.npc.dark-theme .npc-sheet .notes .details-label { + color: #c9c9c9; +} + +.actor.pf2e.actor.npc.dark-theme .npc-sheet .sheet-tabs .disabled.active, +.actor.pf2e.actor.npc.dark-theme .npc-sheet .sheet-tabs .disabled:hover { + color: gray; +} + +.sheet.pf2e.actor.npc.dark-theme .inventory .item-summary, +.sheet.pf2e.actor.npc.dark-theme ol.spell-list > li .item-summary { + background-color: transparent; +} + +.sheet.pf2e.actor.npc.dark-theme .npc-sheet .actions-options .actions-option:hover { + text-shadow: 0 0 10px var(--tertiary); + color: var(--tertiary); +} + +.actor.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls .item-control.item-carry-type.active, +.actor.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls .item-control.item-toggle-invest.active, +.actor.pf2e.actor.npc.dark-theme ol.spell-list > li .item-name h4:hover, +.actor.pf2e.actor.npc.dark-theme .inventory .item-name h3:hover, +.actor.pf2e.actor.npc.dark-theme .inventory .item-name h4:hover { + color: var(--tertiary); +} + +.sheet.actor.pf2e.actor.npc.dark-theme .npc-sheet .section-container.toggles { + border-image-source: var(--ornamentation); +} + +.sheet.actor.pf2e.actor.npc.dark-theme .npc-sheet .side-bar-section:not(.save-details), +.sheet.actor.pf2e.actor.npc.dark-theme .npc-sheet .section-container { + background: var(--sheet-dark); + background-size: cover; +} + +/* ----------------------------------------- */ +/* Color definitions */ +/* ----------------------------------------- */ +/* Colors */ +/* Global */ +/* used for mini headers, alternate primary color */ +/* compliments the primary color, usually used in combination */ +/* for all other uses */ +/* Lighter / Darker */ +/* Text */ +/* ----------------------------------------- */ +/* Color schemes */ +/* ----------------------------------------- */ +/* Proficiency ranks */ +/* Rarities */ +/* Degrees of success */ +/* Value adjustments (e.g. weak/elite) */ +/* ----------------------------------------- */ +/* CSS Custom Properties */ +/* ----------------------------------------- */ +:root { + /* Global */ + --primary: #5e0000; + --primary-light: #b10000; + --primary-dark: #380000; + --secondary: #171f69; + --secondary-light: #2836b7; + --secondary-dark: #0d113a; + --tertiary: #e9d7a1; + --rarity-common: #323232; + --rarity-uncommon: #98513d; + --rarity-rare: #002664; + --rarity-unique: #54166e; + --alt: #786452; + --alt-dark: #443730; + --bg: #f8f4f1; + --bg-dark: #e7d9cf; + --gold-brown: #956d58; + --sub: #605856; + --color-disabled: #ababab; + --blind-bg: #a57aa5; + --whisper-bg: #e3e3ff; + --inline-link-bg: #ddd; + --inline-repost-bg: #eaeaea; + --visibility-gm-bg: #e8e8ef; + --visibility-owner-bg: #ddebe1; + --blind-roll: #f5eaf5; + /* Lighter / Darker */ + --light: #910000; + --dark: #2b0000; + --tertiary-dark: #dfc578; + --tertiary-light: #f3e9ca; + /* Text */ + --body: var(--text-dark); + --color-text-trait: #f5efe0; + --text-dark: #1c1c1c; + --text-light: white; + /* Borders */ + --color-border-trait: #d8c384; + --color-border-divider: #baa991; + /* Headers w/ boxes */ + --header-color: var(--text-light); + --header-bg: var(--secondary); + /* Sidebar */ + --sidebar-label: var(--tertiary-dark); + --sidebar-title: var(--tertiary); + /* App UI */ + --glass-bg: rgba(20, 20, 20, 0.6); + --glass-bg-light: rgba(255, 255, 255, 0.1); + --glass-bg-dark: rgba(0, 0, 0, 0.7); + --gold-and-glow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), inset 0 0 3px rgba(255, 255, 255, 0.5); + --glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1), + 0px 0px 5px 0px rgba(0, 0, 0, 0.5); + --sheet-light: url(../img/background-light.webp); + --sheet-dark: url(../img/background-dark4.webp); + --header: url(../img/blue_header.webp); + --banner-top: url(../img/blue_sidebar_top.webp); + --banner-bottom: url(../img/blue_sidebar_bottom.webp); +} + +/* ----------------------------------------- */ +/* Header */ +/* ----------------------------------------- */ +.dorako-ui .message-header { + background: none; + padding: 5px 5px 0px 5px; + margin: -5px -5px 0px -5px; + border-radius: 5px 5px 0px 0px; + gap: 5px; + align-items: center; +} +.dorako-ui .message-header .header-meta { + border-radius: 3px; + padding: 2px; + font-size: x-small; + align-self: center; + text-align: center; + text-shadow: none; +} +.dorako-ui .message-header.light-header-text { + background-blend-mode: multiply; + color: white; + text-shadow: 0px 1px 1px black; +} +.dorako-ui .message-header.light-header-text .header-meta { + color: white; + background-color: hsla(0deg, 0%, 50%, 0.4); + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +.dorako-ui .message-header.dark-header-text { + background-blend-mode: luminosity; + color: black; + text-shadow: 0px 1px 1px white; +} +.dorako-ui .message-header.dark-header-text .header-meta { + color: hsl(0deg, 0%, 20%); + background-color: hsla(0deg, 0%, 90%, 0.5); + border: 1px solid hsla(0deg, 0%, 30%, 0.4); +} +.dorako-ui .message-header .portrait-and-name { + flex-grow: 1; + display: flex; + gap: 5px; +} +.dorako-ui .message-header .portrait-and-name .portrait-wrapper { + width: var(--avatar-size); + display: flex; + flex: none; + justify-content: center; + align-items: center; +} +.dorako-ui .message-header .portrait-and-name .portrait-wrapper .portrait { + height: var(--avatar-size); + object-fit: contain; + z-index: 0; +} +.dorako-ui .message-header .portrait-and-name .portrait-wrapper .portrait.actor { + border-radius: 3px; +} +.dorako-ui .message-header .portrait-and-name .sender-wrapper { + display: flex; + gap: 3px; + flex-direction: column; + justify-content: left; + align-self: center; + z-index: 1; +} +.dorako-ui .message-header .portrait-and-name .sender-wrapper .message-sender, +.dorako-ui .message-header .portrait-and-name .sender-wrapper .player-name { + align-self: flex-start; + line-height: initial; +} + +/* ----------------------------------------- */ +/* Clutter */ +/* ----------------------------------------- */ +.dorako-ui.chat-message .message-content .damage-roll .dice-result .dice-total .instances { + padding-bottom: 4px; + margin-bottom: 0px; +} + +/* ----------------------------------------- */ +/* Damage buttons */ +/* ----------------------------------------- */ +.dorako-ui.message .message-content .damage-application { + gap: 2px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative .icon { - color: #4e4e68; +.dorako-ui.message .message-content .damage-application button { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing { - border-color: #acacac; - color: #8c8c8c; +.dorako-ui.message .message-content .damage-application button.half-damage .transparent-half { + display: none; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing.tooltip-part > header { - background: rgba(172, 172, 172, 0.125); +.dorako-ui.message .message-content .damage-application button.half-damage .fa-heart-broken { + position: relative; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing .icon { - color: #acacac; +.dorako-ui.message .message-content .damage-application button.half-damage .fa-heart-broken::after { + content: "\f7a9"; + font-family: "Font Awesome 5 Free"; + color: hsla(0deg, 0%, 0%, 0.5); + display: block; + z-index: 1; + position: absolute; + top: 0px; + left: 2px; + clip-path: polygon(45% 0%, 50% 100%, 100% 100%, 100% 4%); + color: gray; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison { - border-color: #7e9f45; - color: #5b7332; +.dorako-ui.message .message-content .damage-application button:hover { + box-shadow: none; + color: white; + border: 1px solid var(--gold-brown); + background-color: var(--primary-light); + box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary-light); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison.tooltip-part > header { - background: rgba(126, 159, 69, 0.125); +.dorako-ui.message .message-content .damage-application button:hover img { + filter: invert(1); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison .icon { - color: #7e9f45; +.dorako-ui.message .message-content .damage-application button:hover.half-damage .fa-heart-broken::after { + clip-path: polygon(45% 0%, 50% 100%, 100% 100%, 100% 4%); + color: gray; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive { - border-color: white; - color: #ffffbf; +.dorako-ui.message .message-content .damage-application button.shield-block:hover { + background-color: var(--secondary-light); + box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-light); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive.tooltip-part > header { - background: rgba(255, 255, 255, 0.125); - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +.dorako-ui.message .message-content .damage-application button.shield-block.shield-activated { + background-color: var(--secondary-light); + box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-light); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive .icon { - color: white; +.dorako-ui.message .message-content .damage-application button.shield-block.shield-activated:hover { + background-color: var(--secondary-dark); + box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-dark); } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing { - border-color: #acacac; - color: #8c8c8c; +.dorako-ui.message .message-content .damage-application button.heal-damage:hover { + background-color: green; + box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px green; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing.tooltip-part > header { - background: rgba(172, 172, 172, 0.125); +.dorako-ui.message .message-content .damage-application button.heal-damage:hover .fa-plus { + color: green; + text-shadow: none; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing .icon { - color: #acacac; + +/* ----------------------------------------- */ +/* Chat card */ +/* ----------------------------------------- */ +.dorako-ui.message.chat-message { + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + background-image: var(--sheet); + background-size: cover; + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); + margin: 5px 3px 3px 3px; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic { - border-color: #00cbcb; - color: darkcyan; +.dorako-ui.message.chat-message.whisper { + background-color: var(--whisper-bg); + background-blend-mode: luminosity; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic.tooltip-part > header { - background: rgba(0, 203, 203, 0.125); +.dorako-ui.message.chat-message.blind { + background-color: var(--blind-bg); + background-blend-mode: luminosity; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic .icon { - color: #00cbcb; +.dorako-ui.message.chat-message .flavor-text hr { + display: none; } -.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance .splash { - border-color: inherit; - border-width: 1px; - border-style: dotted; - padding: 1px 2px; - line-height: 0; +.dorako-ui.message.chat-message .persistent-damage-recovery hr { + display: none; } - -.dorako-ui.dark-theme #sidebar .settings-sidebar button { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - text-shadow: 0 0 3px black; - background-color: var(--glass-bg-light); - color: var(--color-text-light-heading); +.dorako-ui.message.chat-message .persistent-damage-recovery button { + margin-top: 3px; } -.dorako-ui.dark-theme #sidebar .settings-sidebar button:hover { - background-color: var(--glass-bg); - color: var(--color-text-light-highlight); +.dorako-ui.message.chat-message .persistent-damage-recovery button:hover { + text-shadow: 0px 0px 3px black; + background-color: var(--primary-light); + color: white; + box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary); } - -.dorako-ui.dark-theme.dialog .dialog-buttons button.default { - background-color: var(--secondary); - border: none; +.dorako-ui.message.chat-message .message-content { + margin-top: 5px; } -.dorako-ui.dark-theme.dialog .dialog-buttons button.default:hover { - background-color: var(--secondary-light); +.dorako-ui.message.chat-message .message-content .pf2e-pd-card { + margin-top: 3px; } - -.dorako-ui.dark-theme form .form-group.buttons { - gap: 5px; +.dorako-ui.message.chat-message .message-content .pf2e-pd-card hr { + display: none; } - -.dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .item-summary, .dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details label, .dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details label { - color: var(--color-text-light-heading); +.dorako-ui.message.chat-message .message-content .pf2e-pd-card .apply-condition { + margin-top: 0px; } - -.dorako-ui.dark-theme.pf2e.item.sheet form .item-rules .rule-form .attached-input button { - background-color: var(--primary-dark); +.dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message { + background-color: unset; + box-shadow: none; border: none; } -.dorako-ui.dark-theme.pf2e.item.sheet form .item-rules .rule-form .attached-input input { - border-radius: 0px 3px 3px 0px; +.dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message li:not(:last-child) { + margin-bottom: 5px; } - -.dorako-ui .dorako-ui.dark-theme.window-content { +.dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message img { + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + border-radius: 50%; + margin-right: 6px; +} +.dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-rules { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; - color: var(--color-text-light-heading); + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); } - -.dorako-ui.dark-theme { - --color-underline-active: var(--tertiary-dark); - --color-underline-header: var(--tertiary-dark); +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .tags { + margin: 3px 0px; } - -.dorako-ui.dark-theme.window-app footer.flexrow { - gap: 3px; +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .tags .vr { + display: none; } -.dorako-ui.dark-theme.window-app .window-content { +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button { + text-shadow: 0px 0px 3px black; + color: white; + background-color: var(--primary); + box-shadow: 0px 0px 1px 1px var(--tertiary) inset; + border: 1px solid var(--gold-brown); +} +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button:hover { + background-color: var(--primary-light); + box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary); +} +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.hidden-to-others { + background-color: var(--secondary); + color: var(--color-text-light-highlight); +} +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.hidden-to-others:hover { + background-color: var(--secondary-light); + box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary); +} +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.with-image img { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - background-image: var(--sheet); - background-size: cover; - background-image: var(--sheet-dark); - color: var(--color-text-light-heading); + border-radius: 3px; + height: 1.2em; + margin-right: 5px; } -.dorako-ui.dark-theme.window-app#module-management .package-list .package-title, -.dorako-ui.dark-theme.window-app#module-management .package-list .package-metadata, -.dorako-ui.dark-theme.window-app#module-management .package-list .package-description { +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons { + gap: 3px; +} +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child) { + background: var(--primary-dark); color: var(--color-text-light-highlight); } -.dorako-ui.dark-theme.window-app.package-configuration aside.sidebar { +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child):hover { + color: white; + background: var(--primary-light); +} +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header { border: none; } -.dorako-ui.dark-theme.window-app.sheet header.sheet-header img { - box-shadow: var(--gold-and-glow); - border-radius: 5px; +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header img { + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + flex: 0 0 34px; + height: 34px; + width: 34px; + margin-right: 6px; +} +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h3 { + display: flex; + margin-top: 3px; + margin-bottom: -3px; + line-height: 0.95em; + font-family: var(--serif); + font-size: var(--font-size-22); + text-rendering: geometricPrecision; +} +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h3.pf2-icon { + font-family: Pathfinder2eActions; + font-size: xxx-large; + flex: 0 0 34px; } -.dorako-ui.dark-theme.window-app textarea { - color: white; - border: 1px solid var(--tertiary); +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h4 s { + color: gray; } -.dorako-ui.dark-theme.window-app a[href] { - color: var(--tertiary-dark); +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h4 span.heightened { + color: green; } -.dorako-ui.dark-theme.window-app hr { - border-top: 1px solid var(--tertiary); - border-bottom: 1px solid black; +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-content { + border-image-repeat: repeat; + border-image-slice: 11; + border-image-source: var(--ornamentation); + border-image-width: 14px; + border-style: double; + padding-left: 8px; + padding-right: 8px; + font-weight: 500; + margin: 0px; } -.dorako-ui.dark-theme.window-app.sheet footer.sheet-footer { - gap: 5px; +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-content hr { + margin: 0px -10px; + border-color: rgba(35, 35, 31, 0.3333333333); + border-bottom: none; } -.dorako-ui.dark-theme.window-app .compendium.directory .directory-list .directory-item { +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-footer { border: none; } -.dorako-ui.dark-theme.window-app button:not(.tox-tbtn) { - border: none; +.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-footer span { + border-right: 1px solid gray; +} +.dorako-ui.message.chat-message [data-visibility]:not([data-visibility=all])[data-visibility=gm] { border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - text-shadow: 0 0 3px black; - color: var(--color-text-light-heading); + background: rgba(245, 234, 245, 0.6666666667); + outline: 1px dashed #720073; } -.dorako-ui.dark-theme.window-app button:not(.tox-tbtn):hover { + +/* ----------------------------------------- */ +/* Color definitions */ +/* ----------------------------------------- */ +/* Colors */ +/* Global */ +/* used for mini headers, alternate primary color */ +/* compliments the primary color, usually used in combination */ +/* for all other uses */ +/* Lighter / Darker */ +/* Text */ +/* ----------------------------------------- */ +/* Color schemes */ +/* ----------------------------------------- */ +/* Proficiency ranks */ +/* Rarities */ +/* Degrees of success */ +/* Value adjustments (e.g. weak/elite) */ +/* ----------------------------------------- */ +/* CSS Custom Properties */ +/* ----------------------------------------- */ +:root { + /* Global */ + --primary: #5e0000; + --primary-light: #b10000; + --primary-dark: #380000; + --secondary: #171f69; + --secondary-light: #2836b7; + --secondary-dark: #0d113a; + --tertiary: #e9d7a1; + --rarity-common: #323232; + --rarity-uncommon: #98513d; + --rarity-rare: #002664; + --rarity-unique: #54166e; + --alt: #786452; + --alt-dark: #443730; + --bg: #f8f4f1; + --bg-dark: #e7d9cf; + --gold-brown: #956d58; + --sub: #605856; + --color-disabled: #ababab; + --blind-bg: #a57aa5; + --whisper-bg: #e3e3ff; + --inline-link-bg: #ddd; + --inline-repost-bg: #eaeaea; + --visibility-gm-bg: #e8e8ef; + --visibility-owner-bg: #ddebe1; + --blind-roll: #f5eaf5; + /* Lighter / Darker */ + --light: #910000; + --dark: #2b0000; + --tertiary-dark: #dfc578; + --tertiary-light: #f3e9ca; + /* Text */ + --body: var(--text-dark); + --color-text-trait: #f5efe0; + --text-dark: #1c1c1c; + --text-light: white; + /* Borders */ + --color-border-trait: #d8c384; + --color-border-divider: #baa991; + /* Headers w/ boxes */ + --header-color: var(--text-light); + --header-bg: var(--secondary); + /* Sidebar */ + --sidebar-label: var(--tertiary-dark); + --sidebar-title: var(--tertiary); + /* App UI */ + --glass-bg: rgba(20, 20, 20, 0.6); + --glass-bg-light: rgba(255, 255, 255, 0.1); + --glass-bg-dark: rgba(0, 0, 0, 0.7); + --gold-and-glow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), inset 0 0 3px rgba(255, 255, 255, 0.5); + --glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1), + 0px 0px 5px 0px rgba(0, 0, 0, 0.5); + --sheet-light: url(../img/background-light.webp); + --sheet-dark: url(../img/background-dark4.webp); + --header: url(../img/blue_header.webp); + --banner-top: url(../img/blue_sidebar_top.webp); + --banner-bottom: url(../img/blue_sidebar_bottom.webp); +} + +/* ----------------------------------------- */ +/* Glassy Buttons */ +/* ----------------------------------------- */ +.dorako-ui.dark-theme.message.chat-message .dice-roll .dice-formula, +.dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - background-color: var(--primary); - color: var(--color-text-light-highlight); - box-shadow: var(--glassy); } -.dorako-ui.dark-theme.window-app button:not(.tox-tbtn).privacy { - background-color: #2e0587; +.dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total.success { + color: #00c000; } -.dorako-ui.dark-theme.window-app button:not(.tox-tbtn).privacy:hover { - color: var(--color-text-light-heading); - background-color: #440eb9; +.dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total.failure { + color: #ff4040; } -.dorako-ui.dark-theme.window-app button:not(.tox-tbtn).pm-dropdown ul { +.dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-setInitiative-btn, +.dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-fullDamage-btn { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - backdrop-filter: blur(5px); -} -.dorako-ui.dark-theme.window-app button:not(.tox-tbtn).pm-dropdown li:hover { - background: rgba(0, 0, 0, 0.5); -} -.dorako-ui.dark-theme.window-app button:not(.tox-tbtn).pm-dropdown i { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + background-color: var(--glass-bg-light); color: var(--color-text-light-heading); + text-shadow: 0px 0px 3px black; } -.dorako-ui.dark-theme.window-app button:not(.tox-tbtn).pm-dropdown:hover i { - color: var(--color-text-light-highlight); -} -.dorako-ui.dark-theme.window-app .private button.privacy { +.dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-setInitiative-btn:hover, +.dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-fullDamage-btn:hover { + background-color: var(--primary); color: var(--color-text-light-highlight); - background-color: #440eb9; } -.dorako-ui.dark-theme.window-app.token-sheet .form-group.children-disabled .range-value, -.dorako-ui.dark-theme.window-app input[type=range] + .range-value { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - background-color: rgba(0, 0, 0, 0.8); - color: var(--color-text-light-heading); +.dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery hr { + display: none; } -.dorako-ui.dark-theme.window-app input[type=checkbox]:not(.dorako-ui-skip), -.dorako-ui.dark-theme.window-app input[type=text]:not(.dorako-ui-skip), -.dorako-ui.dark-theme.window-app input[type=number]:not(.dorako-ui-skip), -.dorako-ui.dark-theme.window-app input[type=password]:not(.dorako-ui-skip), -.dorako-ui.dark-theme.window-app input[type=date]:not(.dorako-ui-skip), -.dorako-ui.dark-theme.window-app input[type=time]:not(.dorako-ui-skip), -.dorako-ui.dark-theme.window-app input[type=search]:not(.dorako-ui-skip) { +.dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery button { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - padding-left: 5px; + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; color: var(--color-text-light-heading); - accent-color: var(--tertiary); -} -.dorako-ui.dark-theme.window-app input[type=checkbox]:not(.dorako-ui-skip):checked, -.dorako-ui.dark-theme.window-app input[type=text]:not(.dorako-ui-skip):checked, -.dorako-ui.dark-theme.window-app input[type=number]:not(.dorako-ui-skip):checked, -.dorako-ui.dark-theme.window-app input[type=password]:not(.dorako-ui-skip):checked, -.dorako-ui.dark-theme.window-app input[type=date]:not(.dorako-ui-skip):checked, -.dorako-ui.dark-theme.window-app input[type=time]:not(.dorako-ui-skip):checked, -.dorako-ui.dark-theme.window-app input[type=search]:not(.dorako-ui-skip):checked { - box-shadow: unset; - accent-color: var(--tertiary); - filter: none; + text-shadow: 0px 0px 3px black; + margin-top: 5px; } -.dorako-ui.dark-theme.window-app input[type=checkbox]:not(.dorako-ui-skip):hover, -.dorako-ui.dark-theme.window-app input[type=text]:not(.dorako-ui-skip):hover, -.dorako-ui.dark-theme.window-app input[type=number]:not(.dorako-ui-skip):hover, -.dorako-ui.dark-theme.window-app input[type=password]:not(.dorako-ui-skip):hover, -.dorako-ui.dark-theme.window-app input[type=date]:not(.dorako-ui-skip):hover, -.dorako-ui.dark-theme.window-app input[type=time]:not(.dorako-ui-skip):hover, -.dorako-ui.dark-theme.window-app input[type=search]:not(.dorako-ui-skip):hover { - background-color: var(--secondary-dark); +.dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery button:hover { + background-color: var(--primary); color: var(--color-text-light-highlight); } -.dorako-ui.dark-theme.window-app input[type=checkbox]:not(.dorako-ui-skip):focus, -.dorako-ui.dark-theme.window-app input[type=text]:not(.dorako-ui-skip):focus, -.dorako-ui.dark-theme.window-app input[type=number]:not(.dorako-ui-skip):focus, -.dorako-ui.dark-theme.window-app input[type=password]:not(.dorako-ui-skip):focus, -.dorako-ui.dark-theme.window-app input[type=date]:not(.dorako-ui-skip):focus, -.dorako-ui.dark-theme.window-app input[type=time]:not(.dorako-ui-skip):focus, -.dorako-ui.dark-theme.window-app input[type=search]:not(.dorako-ui-skip):focus { - background-color: var(--secondary); - color: white; +.dorako-ui.dark-theme.message.chat-message .table-draw .table-description { + color: var(--color-text-light-highlight); + border-top: 1px solid var(--tertiary); } -.dorako-ui.dark-theme.window-app input[type=checkbox]:not(.dorako-ui-skip):disabled, -.dorako-ui.dark-theme.window-app input[type=text]:not(.dorako-ui-skip):disabled, -.dorako-ui.dark-theme.window-app input[type=number]:not(.dorako-ui-skip):disabled, -.dorako-ui.dark-theme.window-app input[type=password]:not(.dorako-ui-skip):disabled, -.dorako-ui.dark-theme.window-app input[type=date]:not(.dorako-ui-skip):disabled, -.dorako-ui.dark-theme.window-app input[type=time]:not(.dorako-ui-skip):disabled, -.dorako-ui.dark-theme.window-app input[type=search]:not(.dorako-ui-skip):disabled { - color: var(--color-border-dark-tertiary); - background-color: rgba(0, 0, 0, 0.8); +.dorako-ui.dark-theme.message.chat-message .table-draw .table-results .table-result img.result-image { + border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + background-image: var(--sheet); + background-size: cover; + background-image: var(--sheet-light); + object-fit: contain; + border-radius: 3px; + margin-right: 5px; } -.dorako-ui.dark-theme.window-app input[type=checkbox]:not(.dorako-ui-skip):disabled:hover, -.dorako-ui.dark-theme.window-app input[type=text]:not(.dorako-ui-skip):disabled:hover, -.dorako-ui.dark-theme.window-app input[type=number]:not(.dorako-ui-skip):disabled:hover, -.dorako-ui.dark-theme.window-app input[type=password]:not(.dorako-ui-skip):disabled:hover, -.dorako-ui.dark-theme.window-app input[type=date]:not(.dorako-ui-skip):disabled:hover, -.dorako-ui.dark-theme.window-app input[type=time]:not(.dorako-ui-skip):disabled:hover, -.dorako-ui.dark-theme.window-app input[type=search]:not(.dorako-ui-skip):disabled:hover { - color: var(--color-border-dark-tertiary); - background-color: rgba(0, 0, 0, 0.8); +.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons { + margin: 0px; + margin-top: 5px; } -.dorako-ui.dark-theme.window-app select:not(.dorako-ui-skip) { +.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - color: var(--color-text-light-heading); -} -.dorako-ui.dark-theme.window-app select:not(.dorako-ui-skip):hover { - background-color: var(--secondary-dark); + text-shadow: var(--dorako-text-shadow); + background: var(--primary); color: var(--color-text-light-highlight); } -.dorako-ui.dark-theme.window-app select:not(.dorako-ui-skip) option { - background-color: rgb(37, 37, 37); - color: var(--color-text-light-heading); -} -.dorako-ui.dark-theme.window-app select:not(.dorako-ui-skip) optgroup { - background-color: rgb(37, 37, 37); - color: var(--color-text-light-highlight); +.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image:hover { + color: white; + background: var(--primary-light); } -.dorako-ui.dark-theme.window-app input[type=color][data-edit] { +.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image img { border: none; + margin: 2px; + /* prettier-ignore */ + box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); + border-radius: 3px; + height: 1.2em; + margin-right: 5px; } -.dorako-ui.dark-theme.window-app form .form-group.slim .form-fields > label, -.dorako-ui.dark-theme.window-app form .form-group span.units, -.dorako-ui.dark-theme.window-app form .notes, -.dorako-ui.dark-theme.window-app form .hint { - color: var(--color-text-dark-6); -} -.dorako-ui.dark-theme.window-app.filepicker .private .directory, .dorako-ui.dark-theme.window-app.filepicker .public .private.dir { - background: rgba(115, 49, 255, 0.15); -} -.dorako-ui.dark-theme.window-app.filepicker .display-modes a { +.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); - color: var(--color-text-light-highlight); - text-shadow: 0 0 3px black; -} -.dorako-ui.dark-theme.window-app.filepicker .display-modes a:hover { - background: var(--primary); - color: var(--color-text-light-highlight); -} -.dorako-ui.dark-theme.window-app.filepicker .display-modes a.active { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + text-shadow: var(--dorako-text-shadow); background: var(--primary); color: var(--color-text-light-highlight); - text-shadow: 0 0 3px black; -} -.dorako-ui.dark-theme.window-app#world-clock section.window-content .input-grid button img { - border: none; - height: 1.5em; - filter: invert(1) sepia() brightness(0.8) drop-shadow(0px 0px 3px black); } -.dorako-ui.dark-theme.window-app#world-clock section.window-content .input-grid button:hover img { - filter: invert(1) sepia() brightness(0.9) drop-shadow(0px 0px 3px black); +.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button:hover { + color: white; + background: var(--primary-light); } -.dorako-ui.dark-theme.window-app#keybindings .binding .key { +.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .hidden-to-others { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - color: var(--color-text-light-heading); - text-shadow: 0 0 3px black; -} -.dorako-ui.dark-theme.window-app#keybindings .binding .key:hover { - background-color: var(--primary); + text-shadow: 0px 0px 3px black; + background: var(--secondary); color: var(--color-text-light-highlight); } -.dorako-ui.dark-theme.window-app#keybindings .binding .key.uneditable { - background-color: rgba(0, 0, 0, 0.8); -} -.dorako-ui.dark-theme.window-app#keybindings .binding .key.uneditable:hover { - color: var(--color-text-light-heading); - background-color: rgba(0, 0, 0, 0.8); +.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .hidden-to-others:hover { + color: white; + background: var(--secondary-light); } -.dorako-ui.dark-theme.window-app#invitation-links .connection.closed { - color: rgba(255, 0, 19, 0.6); +.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons { + gap: 5px; } -.dorako-ui.dark-theme.window-app#invitation-links .connection.open { - color: green; +.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child) { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + text-shadow: 0px 0px 3px black; + background: var(--primary-dark); + color: var(--color-text-light-highlight); } -.dorako-ui.dark-theme.window-app#invitation-links .connection.unknown { - color: rgba(250, 219, 60, 0.814); +.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child):hover { + color: white; + background: var(--primary-light); } /* ----------------------------------------- */ -/* Critical hit/fumble deck */ +/* Damage buttons */ /* ----------------------------------------- */ -.app.journal-entry .window-content .journal-entry-content.dorako-ui.dark-theme { - background: var(--sheet-dark); -} -.app.journal-entry .window-content .journal-entry-content.dorako-ui.dark-theme .journal-header .title { - color: var(--color-text-light-heading); +.dorako-ui.dark-theme.message .message-content .damage-application { + gap: 5px; + margin-top: 5px; + text-rendering: geometricPrecision; } -.app.journal-entry .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck blockquote, -.app.journal-entry .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck blockquote { +.dorako-ui.dark-theme.message .message-content .damage-application button { + border: none; + border-radius: 3px; + background: none; + background-color: var(--glass-bg); box-shadow: var(--glassy); + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; + text-shadow: 0px 0px 3px black; + color: var(--color-text-light-heading); + margin: 0px; } -.app.journal-entry .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck h1, -.app.journal-entry .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck h1 { - box-shadow: var(--gold-and-glow); - margin-left: 2px; +.dorako-ui.dark-theme.message .message-content .damage-application button img { + filter: invert(1) brightness(0.8) sepia(1) grayscale(0.8) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); } - -.dorako-ui.dark-theme [data-visibility]:not([data-visibility=all]) { +.dorako-ui.dark-theme.message .message-content .damage-application button:hover { + border: none; border-radius: 3px; - outline: 1px dashed #720073; - /* ----------------------------------------- */ - /* GM Visibility Elements */ - /* ----------------------------------------- */ - /* ----------------------------------------- */ - /* Owner Visibility Elements */ - /* ----------------------------------------- */ -} -.dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] { - background: rgba(245, 234, 245, 0.1333333333); -} -.dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm].message-sender { - max-width: fit-content; -} -.dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] [data-visibility=gm] { - outline: none; - padding: initial; -} -.dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=owner] { - background: rgba(245, 234, 245, 0.1333333333); -} -.dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=owner] [data-visibility=owner] { - outline: none; - padding: initial; + background: none; + background-color: var(--glass-bg); + box-shadow: var(--glassy); + color: white; + background-color: var(--primary-light); } - -.dorako-ui.hazard { - --hazard: #1c3532; +.dorako-ui.dark-theme.message .message-content .damage-application button:hover img { + filter: invert(1) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); } -.dorako-ui.hazard form > header { - box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); +.dorako-ui.dark-theme.message .message-content .damage-application button:hover.half-damage .fa-heart-broken::after { + color: hsla(0deg, 0%, 0%, 0.5); + text-shadow: none; } -.dorako-ui.hazard .content { - display: flex; - flex-direction: column; - gap: 10px; +.dorako-ui.dark-theme.message .message-content .damage-application button.half-damage .fa-heart-broken::after { + color: hsla(0deg, 0%, 0%, 0.5); + text-shadow: none; } -.dorako-ui.hazard .content .section-container { +.dorako-ui.dark-theme.message .message-content .damage-application button.shield-block:hover { + background-color: var(--secondary-light); border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - background-image: var(--sheet); - background-size: cover; - box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); - padding: unset; - border-radius: 5px; -} -.dorako-ui.hazard .content .section-container:first-child { - margin-top: 10px; } -.dorako-ui.hazard .content .section-container .section-header { - background: var(--hazard); - border-radius: 5px 5px 0px 0px; +.dorako-ui.dark-theme.message .message-content .damage-application button.shield-block.shield-activated { + background-color: var(--secondary-light); border: none; - box-shadow: var(--gold-and-glow); } -.dorako-ui.hazard .content .section-container .section-body { +.dorako-ui.dark-theme.message .message-content .damage-application button.shield-block.shield-activated:hover { + background-color: var(--secondary-dark); border: none; } - -.dorako-ui.dark-theme.hazard input { - color: var(--color-text-light-primary); +.dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage .fa-stack i.fa-plus { + color: hsla(0deg, 0%, 0%, 0.5); + text-shadow: none; } -.dorako-ui.dark-theme.hazard .sidebar { - border-right: 1px solid var(--tertiary); +.dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage:hover { + background-color: green; + border: none; } -.dorako-ui.dark-theme.hazard .sidebar .health input { - color: var(--color-text-light-primary); +.dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage:hover .fa-stack i.fa-plus { + color: green; + text-shadow: none; } -.dorako-ui.familiar .main-section { - gap: 10px; - margin: 0px 10px; -} -.dorako-ui.familiar .main-container { - display: flex; - flex-direction: column; - gap: 10px; -} -.dorako-ui.familiar .window-content .skills-content .skills-list .skill-name { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - background: rgba(255, 255, 240, 0.8); - border: 1px solid var(--color-border-light-primary); -} -.dorako-ui.familiar .window-content .skills-content .skills-list .skill-name:hover { - box-shadow: none; - color: var(--color-text-light-highlight); - border: 1px solid var(--gold-brown); - background-color: var(--primary-light); - box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary-light); -} -.dorako-ui.familiar .window-content .skills-content .skills-list .skill-name:hover .score { - color: var(--tertiary); -} -.dorako-ui.familiar .section-container { - border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - background-image: var(--sheet); +/* ----------------------------------------- */ +/* Chat card */ +/* ----------------------------------------- */ +.dorako-ui.message.chat-message.dark-theme { + background: var(--sheet-dark); background-size: cover; - box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); - padding: unset; - border-radius: 5px; + color: var(--color-text-light-1); +} +.dorako-ui.message.chat-message.dark-theme.whisper { + background-color: var(--whisper-bg); + background-blend-mode: luminosity; } -.dorako-ui.familiar .section-container .section-header { - background: var(--primary); - border-radius: 5px 5px 0px 0px; - border: none; - box-shadow: var(--gold-and-glow); +.dorako-ui.message.chat-message.dark-theme.blind { + background-color: var(--blind-bg); + background-blend-mode: luminosity; } -.dorako-ui.familiar .section-container .section-body { - border: none; +.dorako-ui.message.chat-message.dark-theme .tags .tag_transparent { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.dorako-ui.dark-theme.familiar .detail .detail-label { - color: var(--tertiary); +.dorako-ui.message.chat-message.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] { + background: rgba(245, 234, 245, 0.1333333333); } -.dorako-ui.dark-theme.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value input { - box-shadow: none; +.dorako-ui.message.chat-message.dark-theme span[data-pf2-check][data-pf2-traits*=secret] { + background: #f3ddf3; } -.dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); +.dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card { + margin-top: 5px; } -.dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name .score { - color: var(--primary-light); +.dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .apply-condition { + margin-top: 0px; } -.dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name:hover { +.dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card button { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); + text-shadow: var(--dorako-text-shadow); +} +.dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card button:hover { background-color: var(--primary-light); + color: var(--color-text-light-highlight); } -.dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name:hover .score { - color: var(--tertiary); +.dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card > div:not(.card-buttons) { + margin-bottom: 5px; +} +.dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .flat-check-failure { + text-rendering: optimizeLegibility; + background-color: #ff4500; + border-radius: 2px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); + color: white; + font-family: var(--sans-serif); + font-size: 10px; + font-weight: 500; + letter-spacing: 0.05em; + line-height: 1; + padding: 3px 4px; + text-transform: uppercase; +} +.dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .flat-check-success { + text-rendering: optimizeLegibility; + background-color: blue; + border-radius: 2px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); + color: white; + font-family: var(--sans-serif); + font-size: 10px; + font-weight: 500; + letter-spacing: 0.05em; + line-height: 1; + padding: 3px 4px; + text-transform: uppercase; +} +.dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-header h4 s { + color: gray; +} +.dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-header h4 span.heightened { + color: green; +} +.dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-content hr { + margin: 0px -10px; + border-color: var(--tertiary); + border-bottom: none; } -.dorako-ui.sheet.pf2e.actor.npc ol.spell-list > li .item-name .item-image .item-icon { - border-radius: 3px; +/* ----------------------------------------- */ +/* Damage types */ +/* ----------------------------------------- */ +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-formula, +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-total { + color: var(--color-text-light-5); } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .sheet-body .tab { - padding-top: 2px; +.dorako-ui.message.dark-theme .dice-tooltip .part-header { + border-bottom: 1px solid var(--color-text-dark-3); } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=number]:focus, -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=number]:hover:not(:disabled), -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=text]:focus, -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=text]:hover:not(:disabled) { - border: 1px solid var(--tertiary); - box-shadow: 0 0 10px var(--primary-light); +.dorako-ui.message.dark-theme .dice-tooltip .part-header .part-total { + background: rgba(255, 255, 255, 0.1); + border: 1px solid var(--color-text-dark-3); } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input.adjustable:not(:focus).adjusted-higher, -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet span.adjustable.adjusted-higher { - color: green !important; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance { + white-space: nowrap; } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input.adjustable:not(:focus).adjusted-lower, -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet span.adjustable.adjusted-lower { - color: red !important; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid { + border-color: #00b300; + color: #007300; } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .top-sections { - gap: 5px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid.tooltip-part > header { + background: rgba(0, 179, 0, 0.125); } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section { - border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - background-image: var(--sheet); - background-size: cover; - box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); - border-radius: 3px; - margin: 3px; - margin-top: 0px; - margin-bottom: 10px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid .icon { + color: #00b300; } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.initiative select { - width: 98%; - margin-bottom: 2px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed { + border-color: #d90025; + color: #99001a; } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed { - max-height: 20px; - transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed.tooltip-part > header { + background: rgba(217, 0, 37, 0.125); } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed .side-bar-section-header { - border-radius: 3px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed .icon { + color: #d90025; } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed:not(.empty):hover { - max-height: 1000px; - transition: max-height 1s ease-in-out; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning { + border-color: #cccccc; + color: #acacac; } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed:not(.empty):hover .side-bar-section-header { - border-radius: 3px 3px 0px 0px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning.tooltip-part > header { + background: rgba(204, 204, 204, 0.125); } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed:not(.empty):hover .side-bar-section-content { - display: block; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning .icon { + color: #cccccc; } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed .side-bar-section-content { - display: none; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic { + border-color: #e600e6; + color: #a600a6; } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container { - box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); - padding: 0px; - border-radius: 3px; - margin: 3px; - margin-top: 0px; - margin-bottom: 10px; - background-color: var(--bg); - background-image: var(--sheet); - background-size: cover; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic.tooltip-part > header { + background: rgba(230, 0, 230, 0.125); } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container .section-header { - box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic .icon { + color: #e600e6; } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container:not(.headerless) .section-body { - border-top: 1px solid var(--tertiary); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold { + border-color: #4949cc; + color: #2f2fa6; } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container .section-body { - border: none; - padding: 0; - padding: 5px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold.tooltip-part > header { + background: rgba(73, 73, 204, 0.125); } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container.toggles { - border-image-repeat: repeat; - border-image-slice: 11; - border-image-source: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:gray;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - border-image-width: 14px; - border-style: double; - padding-left: 8px; - padding-right: 8px; - margin-left: 0px; - font-weight: 500; - margin-right: 0px; - margin-top: 0px; - margin-bottom: 0px; - box-shadow: none; - background: none; - margin: 5px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold .icon { + color: #4949cc; } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .image-container { - border: none; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity { + border-color: #f1b012; + color: darkgoldenrod; } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves-section.side-bar-section { - display: flex; - flex-direction: column; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity.tooltip-part > header { + background: rgba(241, 176, 18, 0.125); } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves-section.side-bar-section.collapsed { - max-height: 42px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity .icon { + color: #f1b012; } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves-section.side-bar-section.collapsed:hover { - max-height: 1000px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil { + border-color: #842ac4; + color: #611f90; } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves { - margin-top: 0px; - width: unset; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil.tooltip-part > header { + background: rgba(132, 42, 196, 0.125); + text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8); +} +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil .icon { + color: #842ac4; +} +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire { + border-color: #e64100; + color: #a62f00; +} +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire.tooltip-part > header { + background: rgba(230, 65, 0, 0.125); +} +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire .icon { + color: #e64100; +} +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force { + border-color: #89edfc; + color: #4be3fa; +} +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force.tooltip-part > header { + background: rgba(137, 237, 252, 0.125); } -.dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .save-details { - font-size: 14px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force .icon { + color: #89edfc; } -.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header { - background: var(--primary); - border: 1px solid var(--primary); - border-radius: 3px 3px 0px 0px; - color: #f5efe0; - box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5); - margin-top: 0px; - height: 20px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good { + border-color: #d99f0e; + color: #9d730a; } -.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header.disabled { - border-radius: 3px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good.tooltip-part > header { + background: rgba(217, 159, 14, 0.125); } -.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header + .side-bar-section-content { - margin: 0px; - padding: 0px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good .icon { + color: #d99f0e; } -.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header input[type=number], -.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header input[type=text] { - color: #f5efe0; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful { + border-color: #a86400; + color: #683e00; } -.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header a:hover { - text-shadow: 0px 0px 8px var(--tertiary); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful.tooltip-part > header { + background: rgba(168, 100, 0, 0.125); + text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8); } -.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .inventory-section .inventory-list .item .item-image { - border: none; - margin: 3px 4px 3px 6px; - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful .icon { + color: #a86400; } -.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .side-bar .image-container, -.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .actions-options .actions-option { - cursor: pointer; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental { + border-color: #3d53c7; + color: #2c3d99; } -.dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .actions-options .actions-option:hover { - text-shadow: 0 0 10px var(--primary-light); - color: var(--primary); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental.tooltip-part > header { + background: rgba(61, 83, 199, 0.125); + text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8); } -.dorako-ui.sheet.pf2e.actor.npc .recall-knowledge .section-body button { - background: var(--secondary); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px hsla(0deg, 0%, 100%, 0.2); - border: none; - color: white; - transition: background 0.15s ease-in-out; - margin-top: 3px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental .icon { + color: #3d53c7; } -.dorako-ui.sheet.pf2e.actor.npc .recall-knowledge .section-body button:hover { - background: var(--secondary-light); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative { + border-color: #4e4e68; + color: #4e4e68; } - -.pf2e.actor.npc.dorako-ui.npc .npc-sheet .side-bar-section-content { - width: 98%; - margin-left: 3px; - margin-right: 3px; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative.tooltip-part > header { + background: rgba(78, 78, 104, 0.125); + text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8); } - -.side-bar-section-header .pf2e-see-simple-scale-statistics-High-color-primary { - color: #3cff00; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative .icon { + color: #4e4e68; } -.side-bar-section-header .pf2e-see-simple-scale-statistics-Moderate-color-primary { - color: #ffff54; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing { + border-color: #acacac; + color: #8c8c8c; } -.side-bar-section-header .pf2e-see-simple-scale-statistics-Low-color-primary { - color: #ff8000; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing.tooltip-part > header { + background: rgba(172, 172, 172, 0.125); } -.side-bar-section-header .pf2e-see-simple-scale-statistics-Terrible-color-primary { - color: #ff0000; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing .icon { + color: #acacac; } - -/* Light */ -.dorako-ui.sheet.pf2e.actor.npc.light-theme form .sheet-tabs { - background-color: var(--bg); - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); - border: 1px solid var(--color-border-light-primary); - border-radius: 3px; - margin: 2px; - margin-bottom: 0px; - z-index: 1; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison { + border-color: #7e9f45; + color: #5b7332; } - -.dorako-ui.npc.light-theme .tabs .item { - color: var(--primary-light); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison.tooltip-part > header { + background: rgba(126, 159, 69, 0.125); } -.dorako-ui.npc.light-theme .tabs .item a:hover { - text-shadow: 0px 0px 10px var(--primary); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison .icon { + color: #7e9f45; } -.dorako-ui.npc.light-theme .tabs .item.disabled { - color: #ababab; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive { + border-color: white; + color: #ffffbf; } -.dorako-ui.npc.light-theme .tabs .item.disabled:hover { - color: var(--primary-dark); - text-shadow: 0px 0px 10px var(--primary-dark); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive.tooltip-part > header { + background: rgba(255, 255, 255, 0.125); + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } -.dorako-ui.npc.light-theme .tabs .item.active { - color: var(--secondary-light); - text-shadow: 0px 0px 10px var(--secondary-light); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive .icon { + color: white; } - -/* Dark */ -.dorako-ui.sheet.pf2e.actor.npc.dark-theme form .sheet-tabs { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - background: var(--glass-bg-light); - color: var(--color-text-light-heading); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing { + border-color: #acacac; + color: #8c8c8c; } - -.dorako-ui.sheet.pf2e.actor.npc.dark-theme .npc-sheet .item.disabled { - color: #666666; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing.tooltip-part > header { + background: rgba(172, 172, 172, 0.125); } - -.dorako-ui.sheet.pf2e.actor.npc.dark-theme.window-app .npc-sheet .effects .section-body .effects-list .item.unidentified { - outline: 1px dashed #720073; - background: rgba(245, 234, 245, 0.1333333333); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing .icon { + color: #acacac; } - -.sheet.pf2e.actor.npc.dark-theme.window-app input[type=text], -.sheet.pf2e.actor.npc.dark-theme.window-app input[type=number], -.sheet.pf2e.actor.npc.dark-theme.window-app input[type=search], -.sheet.pf2e.actor.npc.dark-theme.window-app input[type=date], -.sheet.pf2e.actor.npc.dark-theme.window-app input[type=time] { - box-shadow: unset; +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic { + border-color: #00cbcb; + color: darkcyan; } - -.sheet.pf2e.actor.npc.dark-theme .recall-knowledge .section-body button { - box-shadow: var(--glassy); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic.tooltip-part > header { + background: rgba(0, 203, 203, 0.125); } - -.sheet.pf2e.actor.npc.dark-theme .tabs .item.active { - color: var(--tertiary); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic .icon { + color: #00cbcb; } - -.actor.pf2e.actor.npc.dark-theme .tabs .item.active, -.actor.pf2e.actor.npc.dark-theme a:hover { - text-shadow: 0 0 10px var(--tertiary); +.dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance .splash { + border-color: inherit; + border-width: 1px; + border-style: dotted; + padding: 1px 2px; + line-height: 0; } -.sheet.pf2e.actor.npc.dark-theme .window-content { - background: none; - background-color: #111; - background: var(--sheet-dark); - background-size: cover; +h3 { + border-bottom: none; } -.sheet.pf2e.actor.npc.dark-theme .tags .tag option.tag_transparent, -.sheet.pf2e.actor.npc.dark-theme .tags .tag.tag_transparent { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); +button > i { + margin-right: 0; } -.sheet.pf2e.actor.npc.dark-theme form .notes { - text-shadow: none; +img { + border: none; + border-radius: 0px; } -.sheet.pf2e.actor.npc.dark-theme .npc-sheet, -.actor.pf2e.actor.npc.dark-theme .npc-sheet .entries-list .spellcasting-entry .header h4.name input, -.sheet.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls, -.sheet.pf2e.actor.npc.dark-theme ol.spell-list > li.spell-level-header, -.sheet.pf2e.actor.npc.dark-theme .npc-sheet .side-bar-section.initiative select, -.sheet.pf2e.actor.npc.dark-theme .npc-sheet .notes .notes-text { - color: white; +input:disabled { + border-radius: 2px; } -.sheet.pf2e.actor.npc.dark-theme form input[type=number], -.sheet.pf2e.actor.npc.dark-theme form input[type=text], -.sheet.pf2e.actor.npc.dark-theme .npc-sheet .notes .details-label { - color: #c9c9c9; +/* ----------------------------------------- */ +/* Overwrite Foundry colors */ +/* ----------------------------------------- */ +.dorako-ui { + --color-border-highlight: var(--tertiary); + --color-border-highlight-alt: var(--tertiary-dark); + --color-shadow-primary: var(--primary-light); + --color-shadow-highlight: var(--primary-light); + --sheet: var(--sheet-light); + --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:gray;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + --ornamentation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1%7Bstroke:%23231f20;stroke-miterlimit:10%7D.st1,.st2%7Bfill:none%7D%3C/style%3E%3Cg opacity='.25'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cg%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zM3.6 3.6h3.1v3.1H3.6zM6.8 3.6h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zM3.6 6.8H.5V13M13 .5H6.8v3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4.5h3.1v3.1h-3.1zM26.3 3.6h3.1v3.1h-3.1zM26.3 6.8h3.1v3.1h-3.1zM23.1 3.6h3.1v3.1h-3.1zM26.3 3.6V.5H20'/%3E%3Cpath class='st1' d='M32.5 13V6.8h-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zM23.1 26.3h3.1v3.1h-3.1zM26.3 23.1h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zM3.6 26.3h3.1v3.1H3.6zM3.6 23.1h3.1v3.1H3.6zM6.8 26.3h3.1v3.1H6.8z'/%3E%3Cpath class='st1' d='M6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + --half-transparent: rgba(0, 0, 0, 0.5); +} +.dorako-ui *::-webkit-scrollbar-thumb { + background: var(--tertiary); + border: 1px solid var(--gold-brown); } - -.actor.pf2e.actor.npc.dark-theme .npc-sheet .sheet-tabs .disabled.active, -.actor.pf2e.actor.npc.dark-theme .npc-sheet .sheet-tabs .disabled:hover { - color: gray; +.dorako-ui a, +.dorako-ui button { + transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; } -.sheet.pf2e.actor.npc.dark-theme .inventory .item-summary, -.sheet.pf2e.actor.npc.dark-theme ol.spell-list > li .item-summary { - background-color: transparent; +.dorako-ui.dark-theme { + --color-shadow-primary: var(--tertiary-dark); + --color-shadow-highlight: var(--tertiary); + --sheet: var(--sheet-dark); + --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:wheat;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + --body: var(--text-light); + --bg: var(--glass-bg-dark); + --half-transparent: rgba(255, 255, 255, 0.5); } -.sheet.pf2e.actor.npc.dark-theme .npc-sheet .actions-options .actions-option:hover { - text-shadow: 0 0 10px var(--tertiary); - color: var(--tertiary); +.dorako-display-none { + display: none !important; } -.actor.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls .item-control.item-carry-type.active, -.actor.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls .item-control.item-toggle-invest.active, -.actor.pf2e.actor.npc.dark-theme ol.spell-list > li .item-name h4:hover, -.actor.pf2e.actor.npc.dark-theme .inventory .item-name h3:hover, -.actor.pf2e.actor.npc.dark-theme .inventory .item-name h4:hover { - color: var(--tertiary); +a.content-link, +[data-pf2-check], +a.entity-link, +[data-pf2-action], +[data-pf2-effect-area], +a.inline-roll { + text-shadow: none !important; } -.sheet.actor.pf2e.actor.npc.dark-theme .npc-sheet .section-container.toggles { - border-image-source: var(--ornamentation); +a.content-link, +[data-pf2-check], +a.entity-link, +[data-pf2-action], +[data-pf2-effect-area], +a.inline-roll:not(.inline-result) { + color: black; } -.sheet.actor.pf2e.actor.npc.dark-theme .npc-sheet .side-bar-section:not(.save-details), -.sheet.actor.pf2e.actor.npc.dark-theme .npc-sheet .section-container { - background: var(--sheet-dark); - background-size: cover; +i[data-pf2-repost] { + top: 0px; } /*# sourceMappingURL=dorako-ui.css.map */ diff --git a/styles/dorako-ui.css.map b/styles/dorako-ui.css.map index 9d1b85d..5ad2c5a 100644 --- a/styles/dorako-ui.css.map +++ b/styles/dorako-ui.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../sass/_app-ui.scss","../sass/_mixins.scss","../sass/_colors.scss","../sass/_combat.scss","../sass/_controls.scss","../sass/_effects-panel.scss","../sass/_hotbar.scss","../sass/_navigation.scss","../sass/_notifications.scss","../sass/_sidebar.scss","../sass/_token-hud.scss","../sass/_misc.scss","../sass/_forms.scss","../sass/_actor-sheet.scss","../sass/_actor-sheet-dark.scss","../sass/_messages.scss","../sass/_messages-dark.scss","../sass/_application-dark.scss","../sass/_globals-dark.scss","../sass/_hazard-sheet.scss","../sass/_familiar-sheet.scss","../sass/_npc-sheet.scss"],"names":[],"mappings":"AAEA;EACE;EACA;;;AAGF;AACA;AACA;AAEA;ECVE;EACA;EACA;EACA;EACA;EDQA;;AAEA;EACE;ECNF;;ADSE;EACE;;;AAKN;ECxBE;EACA;EACA;EACA;EACA;EDsBA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;;AACA;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;;AAEA;EClDF;EACA;AACA;EACA,YACE;EAgBF;EACA;ED+BI;EACA;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;ECpEE;EACA;AACA;EACA,YACE;EAgBF;EACA;EDiDA;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIA;EACE;EACA;;;AAIJ;AACA;AACA;AAEA;EC5HE;EACA;EACA;EACA;EACA;ED0HA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;AACA;AACA;AAEA;EC9IE;EACA;EACA;EACA;EACA;ED4IA;EACA;EACA;EACA;EACA;;;AAGF;AACA;AACA;AAEA;EC3JE;EACA;EACA;EACA;EACA;EDyJA;;;AE5JF;AACA;AACA;AAEA;AAOA;AAEoC;AACD;AAEL;AAO9B;AAMA;AAGA;AACA;AACA;AAEA;AAOA;AAMA;AAMA;AAIA;AACA;AACA;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;;;AClIE;EACI;;AAGJ;EACI;;AAIA;EACI;;AAIA;EACI;EACA;EACA;;AAIR;EACI;;AAGJ;EACI;EACA;;;AC7BZ;AACA;AACA;AAGA;AAAA;EAEE;;;AAGF;EACE;;AAGE;EACE;;AAEF;AAAA;EHjBF;EACA;EACA;EACA;EACA;EAKA;EGYI;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;EH7BJ;EACA;EACA;EACA;EACA;EG4BM;EACA;;AAEA;AAAA;AAAA;EACE;;AAIJ;AAAA;EHxCJ;EACA;EACA;EACA;EACA;EGsCM;;AAEA;AAAA;AAAA;EH5CN;EACA;EACA;EACA;EACA;EG2CQ;EACA;;;AAOV;EHvDE;EACA;EACA;EACA;EACA;EGqDA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AChEJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGE;EACE;;AAIJ;EJnCF;EACA;EACA;EACA;EACA;EIiCI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AACA;EAEE;EACA;;AAKN;EACE;EACA;EACA;;AAIJ;EJpDF;EACA;AACA;EACA,YACE;EIkDE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC9IJ;AACA;AACA;AAEI;EACI;EACA;ELNN;EACA;EACA;EACA;EACA;EAKA;EKAM;;AAEA;ELFN;EKKU;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;ELjBN;EKmBU;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAKR;EACI;EACA;EACA;EACA;;AAGJ;EL9EF;EACA;EACA;EACA;EACA;;;AK+EF;EACI;IACI;IACA;;EAEJ;IACI;;;ACzFR;AACA;AACA;AAEA;EACI;EACA;;AAEA;ENRF;EACA;EACA;EACA;EACA;EMMM;EACA;EACA;;AAKA;ENjBN;EACA;EACA;EACA;EACA;EMeU;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;ENnCV;EACA;EACA;EACA;EACA;EMiCc;EACA;;AAEA;EACI;EACA;;AAIR;EN9CV;EACA;EACA;EACA;EACA;EM4Cc;;AAEA;EAEI;EACA;;AAIR;EACI;EACA;;AAGJ;EACI;;;AC9DhB;AACA;AACA;AAGI;EPNF;EACA;EACA;EACA;EACA;EOIM;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;;;AC3BZ;AACA;AACA;AAGE;EACE;;AACA;EACE;;;AAKN;EACE;EACA;;;AAGF;EACE;;AACA;EACE;EACA;;;AAIJ;EACE;;AACA;EACE;;;AAMF;EACE;;;AAIJ;ERvCE;EACA;EACA;EACA;EACA;EQqCA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;ERxDJ;EACA;AACA;EACA,YACE;EQsDI;EACA;EACA;EACA;;;AAQJ;EACE;;AAGF;EACE;;;ACvFF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKR;EACI;EACA;EACA;;AACA;EACI;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAKR;ETrGN;EACA;EACA;EACA;EACA;ESmGU;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AASZ;ET/HF;EACA;EACA;EACA;EACA;ES6HM;;AACA;EACI;EACA;;AAIR;ETxIF;EACA;EACA;EACA;EACA;EAKA;ESkIM;;AAEA;EACI;;AAIJ;EACI;;AAEA;EACI;;AACA;EACI;;AAGJ;EACI;;AAQR;EACI;;AACA;EACI;;AAQZ;EACI;;AAEA;EACI;;AACA;EACI;;AAOZ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAUA;EACI;;AAIR;EACI;EACA;;;ACtNZ;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;EACE;;;ACvBF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EXjBE;EACA;EACA;EACA;EACA;EWeA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAKF;EAEE;EACA;EACA;;;AAKF;EAEE;EACA;EACA;;;AAIJ;EXzCE;EW2CA;;AAEA;EAEE;EACA;EACA;;AAEF;EAEE;EACA;EACA;;;AAIJ;EX5CE;EACA;AACA;EACA,YACE;EW0CF;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;;AAIA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EXlHE;EACA;EACA;EACA;EACA;EWgHA;;;AAGF;EACE;;;AAIA;EX5HA;EACA;EACA;EACA;EACA;;;AWgIA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EXzIA;EWkJE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;;ACxKJ;EZcA;EACA;AACA;EACA,YACE;EYhBA;EACA;EACA;;AAGF;EACE;;AAGF;EAEE;;AAGF;EACE;;AAEA;EACI;EACA;;AAIN;EACE;;AAMF;EZxBA;EY6BE;;AAIF;EAQE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;EACA;;AAMN;EACE;;AAGF;EACE;;AAGF;EZxEA;EY0EE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EZ/EA;EACA;AACA;EACA,YACE;EAgBF;EACA;EAZA;EACA;AACA;EACA,YACE;EYqEA;EACA;;AAGF;EAEE;;AAGF;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA,YACA;;AAKF;EACE;;AAGF;EACE;;AAEA;EACE;;;AC3JN;EAgBE;EACA;EACA;EACA;;AAjBE;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AASJ;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;AACA;EbjCF;EACA;EACA;EACA;EACA;Ea+BI;EACA;EACA;;AACA;EACE;EACA;;AAKN;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EAEI;;AAGJ;EAEE;;AAGF;EACE;EACA;;AAGF;EbjFA;EACA;EACA;EACA;EACA;;AaiFA;EACE;;AAIF;EACI;;AAIJ;EACI;;AAGJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EAEI;;AAIJ;EAEI;;AAIJ;EAGI;EACA;;AAIJ;EAII;EACA;;AAGJ;EblJA;EACA;EACA;EACA;EACA;EAKA;Ea4IE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EblJA;EACA;AACA;EACA,YACE;EAgBF;EACA;Ea+HE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGJ;EAEE;;AAKJ;EACI;;AAIJ;EAEI;;AAGJ;EAEE;;AAGF;EAEE;;AAGF;EAKE;;AAIF;EACI;;AACA;EbhOJ;EACA;EACA;EACA;EACA;EAKA;Ea0NM;;AAEE;EACI;EACA;;AAEA;EACI;;AACA;EACE;EACA;;AAIN;EbjPZ;EACA;EACA;EACA;EACA;Ea+Oc;EACA;EACA;;AAMd;Eb3PA;EACA;EACA;EACA;EACA;EAKA;EasPE;EACA;EACA;;AAEA;EbnQF;EACA;EACA;EACA;EACA;EaiQI;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EAME;EACA;;AAEA;EAEE;EACA;;;AC/RN;AACA;AACA;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;;AAMR;AACA;AACA;AAEA;EACE;EACA;;;AAGF;AACA;AACA;AAII;EACE;;AAEA;EdhGJ;;AcoGQ;EACE;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;AAEF;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;;AASd;AACA;AACA;AAGA;EdzKE;EACA;AACA;EACA,YACE;EAgBF;EACA;EAZA;EACA;AACA;EACA,YACE;Ec+JF;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EACE;;AAKF;EACE;;AAGF;EAKE;;AACA;EACE;EACA;EACA;EACA;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAMF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;Ed5ON;EACA;AACA;EACA,YACE;Ec0OM;EACA;;AAIJ;EdnPJ;EACA;AACA;EACA,YACE;EAgBF;EACA;EAZA;EACA;AACA;EACA,YACE;;Ac6OE;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAKF;Ed1RR;EACA;AACA;EACA,YACE;EcwRQ;EACA;EACA;;AAKN;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAKN;EACE;;AAEA;EdpTN;EACA;AACA;EACA,YACE;EckTM;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIA;EACE;;AAEF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;;AAEA;EACE;;AAMR;EACE;EACA;EACA;;;AblYJ;AACA;AACA;AAEA;AAOA;AAEoC;AACD;AAEL;AAO9B;AAMA;AAGA;AACA;AACA;AAEA;AAOA;AAMA;AAMA;AAIA;AACA;AACA;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;;;AcjIF;AACA;AACA;AAEE;AAAA;EfPA;EACA;EACA;EACA;EACA;;AeSE;EACE;;AAEF;EACE;;AAIJ;AAAA;EfrBA;EACA;EACA;EACA;EACA;EAKA;EegBE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAKF;EACE;;AAGF;EfxCF;EACA;EACA;EACA;EACA;EAKA;EekCI;EACA;EACA;;AACA;EACE;EACA;;AAMJ;EACE;EACA;;AAEF;Ef3CF;EACA;AACA;EACA,YACE;EAgBF;EACA;EewBI;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EfvEF;EACA;EACA;EACA;EACA;EAKA;EeiEI;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EfpEJ;EACA;AACA;EACA,YACE;EekEI;EACA;EACA;;AAIJ;Ef3FF;EACA;EACA;EACA;EACA;EAKA;EeqFI;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EfvGF;EACA;EACA;EACA;EACA;EAKA;EeiGI;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAEA;EfvHJ;EACA;EACA;EACA;EACA;EAKA;EeiHM;EACA;EACA;;AAEA;EACE;EACA;;;AAOV;AACA;AACA;AAII;EACE;EACA;EACA;;AAEA;EflJJ;EACA;EACA;EACA;EACA;EAKA;Ee4IM;EACA;EACA;;AAEA;EACE;;AAGF;Ef7JN;EACA;EACA;EACA;EACA;Ee2JQ;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AAIJ;EACE;EACA;;AAIA;EACE;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;;AAMJ;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AASd;AACA;AACA;AAEE;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;;AAIA;EAEE;;AAEA;EACE;;AAIF;EflPN;EATA;EACA;EACA;EACA;EACA;Ee2PQ;;AAEA;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAQA;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;;;AAOV;AACA;AACA;AAEE;AAAA;EAEE;;AAGF;EACE;;AAEA;EACE;EACA;;AAMA;EAIE;;AAEA;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;EACA;;AAGF;EACE,OAXM;;AAeV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;EACA;;AAGF;EACE,OAXM;;AAeV;EAGE,cADQ;EAER;;AAEA;EAEE;EACA;;AAGF;EACE,OAXM;;AAeV;EAGE,cADQ;EAER,OAFQ;;AAIR;EAEE;EACA;;AAGF;EACE,OAXM;;AAeV;EAEE,cA1NS;EA2NT;;AAEA;EAEE;;AAGF;EACE,OAnOO;;AAuOX;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;EACA;;AAGF;EACE,OAXM;;AAeV;EAEE,cA1QS;EA2QT;;AAEA;EAEE;;AAGF;EACE,OAnRO;;AAuRX;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EACE;EACA;EACA;EACA;EACA;;;ACjoBR;EhBFA;EACA;EACA;EACA;EACA;EAKA;EgBJE;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;EACA;;AAEA;EACE;;;AAKF;EACE;;;AAOF;EAGE;;;AAWF;EACE;EACA;;AAEF;EACE;;;AAIJ;EhB1CE;EACA;AACA;EACA,YACE;EAgBF;EACA;EgBuBA;;;AAGF;EACE;EACA;;;AAQA;EACE;;AAGF;EhB7DA;EACA;AACA;EACA,YACE;EAgBF;EACA;EgB0CE;EACA;;AAIA;AAAA;AAAA;EAGE;;AAGJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EhBxHA;EACA;EACA;EACA;EACA;EAKA;EgBkHE;EACA;;AAEA;EhB9HF;EACA;EACA;EACA;EACA;EgB4HI;EACA;EACA;;AAGF;EACE;;AACA;EACE;EACA;;AAKF;EhB9IJ;EACA;EACA;EACA;EACA;EgB4IM;;AAIA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAMJ;EACE;EACA;;AAIJ;AAAA;EhB1KA;EACA;EACA;EACA;EACA;EgByKE;EACA;;AAWA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EhBzLF;EACA;EACA;EACA;EACA;EgBuLI;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAMR;EhB1NA;EACA;EACA;EACA;EACA;EAKA;EgBoNE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAkBF;AAAA;AAAA;AAAA;EAIE;;AAGF;EAEE;;AAGF;EhB9QA;EACA;EACA;EACA;EACA;EgB4QE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAEF;EACE;;AAIJ;EhB1SA;EACA;EACA;EACA;EACA;EAKA;EgBoSE;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AACA;EACE;EACA;;AAMJ;EACE;;AAEF;EACE;;AAEF;EACE;;;AAKN;AACA;AACA;AAEA;EACE;;AACA;EACE;;AAKA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;;AC5VJ;EACE;EACA;AAEA;AACA;AACA;AAcA;AACA;AACA;;AAfA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAOJ;EACE;;AAEA;EACE;EACA;;;AC7BR;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;ElBIF;EACA;AACA;EACA,YACE;EAgBF;EACA;EkBvBI;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AAON;EACE;;AAEF;EACE;;AAEA;EACE;;;AC3CJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EnBFA;EmBIE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EnBbA;EACA;AACA;EACA,YACE;EAgBF;EACA;EmBNE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;AAGF;EACE;;AAGF;EnBxDA;EACA;EACA;EACA;EACA;;AmBuDE;EACE;;AAGF;EnB/DF;EACA;EACA;EACA;EACA;EmB6DI;;AAEA;EACE;;;ACpEN;EACE;;AAIA;EACE;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAGF;EpBhBF;EACA;AACA;EACA,YACE;EAgBF;EACA;EoBHI;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AACA;EACE;;AAKN;EACE;EACA;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;AAIJ;AAAA;EAEE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAMR;EACE;EACA;EACA;;;AAKA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;;AAIJ;AAEA;EpB1QE;EACA;EACA;EACA;EACA;EoBwQA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;;;AAIF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA","file":"dorako-ui.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../sass/foundry/_app-ui.scss","../sass/_mixins.scss","../sass/foundry/_application-dark.scss","../sass/foundry/_chat-bubbles.scss","../sass/foundry/_compact-ui.scss","../sass/foundry/_controls.scss","../sass/foundry/_forms.scss","../sass/foundry/_hotbar.scss","../sass/foundry/_navigation.scss","../sass/foundry/_notifications.scss","../sass/foundry/_sidebar.scss","../sass/foundry/_token-hud.scss","../sass/_colors.scss","../sass/module/_cautious-gamemasters-pack.scss","../sass/module/_combat-carousel.scss","../sass/module/_custom-hotbar.scss","../sass/module/_damage-log.scss","../sass/module/_dfce.scss","../sass/module/_dice-tray.scss","../sass/module/_dorako-ui.scss","../sass/module/_enhancen-terrain-layer.scss","../sass/module/_filepicker-plus.scss","../sass/module/_koboldworks-turn-announcer.scss","../sass/module/_macros.scss","../sass/module/_monarch.scss","../sass/module/_monks.scss","../sass/module/_polyglot.scss","../sass/module/_scene-preview.scss","../sass/module/_speaking-as.scss","../sass/module/_target-damage.scss","../sass/module/_token-action-hud.scss","../sass/module/_workbench.scss","../sass/pf2e/_actor-sheet.scss","../sass/pf2e/_actor-sheet-dark.scss","../sass/pf2e/_combat.scss","../sass/pf2e/_effects-panel.scss","../sass/pf2e/_familiar-sheet.scss","../sass/pf2e/_globals-dark.scss","../sass/pf2e/_hazard-sheet.scss","../sass/pf2e/_npc-sheet.scss","../sass/_messages.scss","../sass/_messages-dark.scss","../sass/_reset.scss","../sass/_misc.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;AACA;AACA;AAEA;ECRE;EACA;EACA;EACA;EACA;EDMA;;AAEA;EACE;ECJF;;ADOE;EACE;;;AAKN;ECtBE;EACA;EACA;EACA;EACA;EDoBA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;;AACA;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;;AAEA;EChDF;EACA;AACA;EACA,YACE;EAgBF;EACA;ED6BI;EACA;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EClEE;EACA;AACA;EACA,YACE;EAgBF;EACA;ED+CA;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIA;EACE;EACA;;;AAIJ;AACA;AACA;AAEA;EC1HE;EACA;EACA;EACA;EACA;EDwHA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;AACA;AACA;AAEA;EC5IE;EACA;EACA;EACA;EACA;ED0IA;EACA;EACA;EACA;EACA;;;AAGF;AACA;AACA;AAEA;ECzJE;EACA;EACA;EACA;EACA;EDuJA;;;AE3JA;EDAA;EACA;EACA;EACA;EACA;EAKA;ECNE;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;EACA;;AAEA;EACE;;;AAKF;EACE;;;AAOF;EAGE;;;AAWF;EACE;EACA;;AAEF;EACE;;;AAIJ;EDxCE;EACA;AACA;EACA,YACE;EAgBF;EACA;ECqBA;;;AAGF;EACE;EACA;;;AAQA;EACE;;AAGF;ED3DA;EACA;AACA;EACA,YACE;EAgBF;EACA;ECwCE;EACA;;AAIA;AAAA;AAAA;EAGE;;AAGJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EDtHA;EACA;EACA;EACA;EACA;EAKA;ECgHE;EACA;;AAEA;ED5HF;EACA;EACA;EACA;EACA;EC0HI;EACA;EACA;;AAGF;EACE;;AACA;EACE;EACA;;AAKF;ED5IJ;EACA;EACA;EACA;EACA;EC0IM;;AAIA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAMJ;EACE;EACA;;AAIJ;AAAA;EDxKA;EACA;EACA;EACA;EACA;ECuKE;EACA;;AAWA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EDvLF;EACA;EACA;EACA;EACA;ECqLI;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAMR;EDxNA;EACA;EACA;EACA;EACA;EAKA;ECkNE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAkBF;AAAA;AAAA;AAAA;EAIE;;AAGF;EAEE;;AAGF;ED5QA;EACA;EACA;EACA;EACA;EC0QE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAEF;EACE;;AAIJ;EDxSA;EACA;EACA;EACA;EACA;EAKA;ECkSE;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AACA;EACE;EACA;;AAMJ;EACE;;AAEF;EACE;;AAEF;EACE;;;AAKN;AACA;AACA;AAEA;EACE;;AACA;EACE;;AAKA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;;AC3VN;EFgBE;EACA;AACA;EACA,YACE;EAgBF;EACA;;;AElCF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EFGE;EACA;AACA;EACA,YACE;EAgBF;EACA;EEtBA;EACA;EACA;;;AAEF;EFlBE;EACA;EACA;EACA;EACA;EEgBA;EACA;;;ACtBF;AAwBE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BA;AAAA;;AAtDA;AAAA;EAEE;;AAGF;EACE;AACA;EACA;AACA;EACA;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAYF;EACE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAMF;EACE;EACA;;;AC5DJ;AACA;AACA;AAGA;AAAA;EAEE;;;AAGF;EACE;;AAGE;EACE;;AAEF;AAAA;EJhBF;EACA;EACA;EACA;EACA;EAKA;EIWI;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;EJ5BJ;EACA;EACA;EACA;EACA;EI2BM;EACA;;AAEA;AAAA;AAAA;EACE;;AAIJ;AAAA;EJvCJ;EACA;EACA;EACA;EACA;EIqCM;;AAEA;AAAA;AAAA;EJ3CN;EACA;EACA;EACA;EACA;EI0CQ;EACA;;;AAOV;EJtDE;EACA;EACA;EACA;EACA;EIoDA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;ACjEJ;AACA;AACA;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;ELrBE;EACA;EACA;EACA;EACA;EKmBA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAKF;EAEE;EACA;EACA;;;AAKF;EAEE;EACA;EACA;;;AAIJ;EL7CE;EK+CA;;AAEA;EAEE;EACA;EACA;;AAEF;EAEE;EACA;EACA;;;AAIJ;ELhDE;EACA;AACA;EACA,YACE;EK8CF;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;;AAIA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;ELtHE;EACA;EACA;EACA;EACA;EKoHA;;;AAGF;EACE;;;AAIA;ELhIA;EACA;EACA;EACA;EACA;;;AKoIA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EL7IA;EKsJE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;;AC9KN;AACA;AACA;AAGE;EACE;EACA;ENNF;EACA;EACA;EACA;EACA;EAKA;EMAE;;AAEA;ENFF;EMKI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;ENjBF;EMmBI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EN7EA;EACA;EACA;EACA;EACA;;;AM8EF;EACE;IACE;IACA;;EAEF;IACE;;;ACzFJ;AACA;AACA;AAEA;EACE;EACA;;AAEA;EPPA;EACA;EACA;EACA;EACA;EOKE;EACA;EACA;;AAIA;EPfF;EACA;EACA;EACA;EACA;EOaI;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EPjCJ;EACA;EACA;EACA;EACA;EO+BM;EACA;;AAEA;EACE;EACA;;AAIJ;EP5CJ;EACA;EACA;EACA;EACA;EO0CM;;AAEA;EAEE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;;;AC9DR;AACA;AACA;AAGE;ERJA;EACA;EACA;EACA;EACA;EQEE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;;;ACzBN;AACA;AACA;AAGE;EACE;;AACA;EACE;;;AAKN;EACE;EACA;;;AAGF;EACE;;AACA;EACE;EACA;;;AAIJ;EACE;;AACA;EACE;;;AAMF;EACE;;;AAIJ;ETvCE;EACA;EACA;EACA;EACA;ESqCA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;ETxDJ;EACA;AACA;EACA,YACE;ESsDI;EACA;EACA;EACA;;;AAQJ;EACE;;AAGF;EACE;;;ACzFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EAEE;EACA;EACA;;AACA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EVnGF;EACA;EACA;EACA;EACA;EUiGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAON;EV3HA;EACA;EACA;EACA;EACA;EUyHE;;AACA;EACE;EACA;;AAIJ;EVpIA;EACA;EACA;EACA;EACA;EAKA;EU8HE;;AAEA;EACE;;AAIF;EAEE;;AAEA;EAEE;;AACA;EACE;;AAGF;EACE;;AAWJ;EACE;;AACA;EACE;;AAQN;EAOE;;AAEA;EAEE;;AACA;EACE;;AAON;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAUA;EACE;;AAIJ;EACE;EACA;;;AC5NN;AACA;AACA;AAEA;AAOA;AAEoC;AACD;AAEL;AAO9B;AAMA;AAGA;AACA;AACA;AAEA;AAOA;AAMA;AAMA;AAIA;AACA;AACA;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;;;ACrIF;AACA;AACA;AACA;EAEE;;;ACLF;AACA;AACA;AAGA;EACE;;;ACNF;AACA;AACA;AACA;EACE;;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;IACE;;;AAKF;EACE;EACA;EACA;;AAEF;EACE;;AAGF;EACE;EACA;;AAGF;EdtCA;EACA;EACA;EACA;EACA;EcoCE;;AAGF;Ed3CA;EACA;EACA;EACA;EACA;EAKA;EcqCE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AChFN;AACA;AACA;AAEA;EACE;EACA;EACA;EACA;;AAEA;EfAA;EeEE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AC/BN;AACA;AACA;AAGE;EAEE;EACA;EACA;;;AAKF;EACE;;AAGF;EACE;EACA;EACA;;AACA;EACE;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;AAAA;AAAA;EAEE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EhB9DE;EATA;EACA;EACA;EACA;EACA;EgBsEA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;;AAEA;EhBzFA;EACA;EACA;EACA;EACA;EAKA;EgBmFE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAKN;EACE;;;AC7GF;AACA;AACA;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EjBZA;EACA;EACA;EACA;EACA;EAKA;EiBME;EACA;EACA;;AAEA;EjBnBF;EACA;EACA;EACA;EACA;EiBiBI;EACA;;AAGF;EjBzBF;EACA;EACA;EACA;EACA;EiBuBI;EACA;;AAIJ;EjBhCA;EACA;EACA;EACA;EACA;EAKA;EiB0BE;EACA;EACA;;AAEA;EACE;;AACA;EACE;;AAIJ;EjB9CF;EACA;EACA;EACA;EACA;EiBiDI;EACA;;AAEA;EACE;;AACA;EACE;;AAKR;EACE;EACA;EACA;;AAEF;EACE;;;ACvEJ;AACA;AACA;AAGE;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKE;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AACA;EACE,OPjCgB;;AOmClB;EACE,OPjCgB;;AOsClB;EACE,OP1CgB;;AO4ClB;EACE,OP5CO;;AO8CT;EACE,OP9CO;;AOgDT;EACE,OPhDgB;;AOsDxB;EACE;EACA;EACA;;;AAQI;EAGE;;AAEF;EAGE;;AAKF;EAGE;;AAEF;EAGE;;AAEF;EAGE;;AAEF;EAGE;;AAKR;EACE;;AAEA;ElB9JF;EACA;EACA;EACA;EACA;EAKA;EkBwJI;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAMR;EACE;;;AAGF;EACE;;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAcE;;AAEF;AAAA;EAEE;;;AC7MJ;AACA;AACA;AACA;EACE;;;AAGF;EACE;;AAEA;EnBAA;EATA;EACA;EACA;EACA;EACA;;AmBQE;EACE;EACA;;AAEE;EACE;EACA;EACA;EACA;;;ACrBV;AACA;AACA;AAEA;EpBHE;EACA;EACA;EACA;EACA;EoBCA;EACA;;;AAGF;EACE;;;AAGF;EpBEE;EACA;AACA;EACA,YACE;EAgBF;EACA;EoBrBA;EACA;;;ACjBF;AACA;AACA;AAEA;EACE;EACA;;;AAGF;ErBOE;EACA;AACA;EACA,YACE;EAgBF;EACA;EqB1BA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;ACnBJ;AACA;AACA;AAGA;EACE;;;AAKA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;;;ACtBJ;AACA;AACA;AAEA;EACE;EACA;;;AAGF;AAAA;EvBRE;EACA;EACA;EACA;EACA;EuBOA;;;AAGF;AAAA;EvBdE;EACA;EACA;EACA;EACA;;;AuBeF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;;;AAGF;EACE;;AAEA;EvBrCA;EACA;EACA;EACA;EACA;EAKA;EuB+BE;EACA;;AAEA;EACE;EACA;;;AAKN;AAAA;EvBlDE;EACA;EACA;EACA;EACA;;;AuBmDF;EvBvDE;EACA;EACA;EACA;EACA;EuBqDA;;;AC1DF;AACA;AACA;AAEA;ExBHE;EACA;EACA;EACA;EACA;;AwBCA;ExBLA;EACA;EACA;EACA;EACA;EwBGE;;AAEF;ExBTA;EACA;EACA;EACA;EACA;EAKA;EwBGE;;AAEA;EACE;;AAIJ;ExBnBA;EACA;EACA;EACA;EACA;EAKA;EwBaE;EACA;;AACA;ExBxBF;EACA;EACA;EACA;EACA;EwBuBI;;;AAKN;AACA;AACA;AAEA;EACE;;;AAGF;AACA;AACA;AAEA;EACE;;;AAGF;AACA;AACA;AACA;EACE;;AAEA;EACE;EACA;;AAGF;ExB3DA;EACA;EACA;EACA;EACA;;AwByDE;ExB7DF;EACA;EACA;EACA;EACA;EwB2DI;EACA;;AAGJ;ExBnEA;EACA;EACA;EACA;EACA;EAKA;EwB8DE;;AAEA;EACE;EACA;;AAEF;EACE;;AACA;EAEE;EACA;;AAIJ;EACE;EACA;;AAEF;ExB1FF;EACA;EACA;EACA;EACA;EwBwFI;;;AAKN;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;ExBhGE;EwBqGA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAME;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;;AAGF;ExBtJF;EACA;EACA;EACA;EACA;EAKA;EwBgJI;EACA;EACA;EAEA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAKN;EACE;EACA;;AAGF;EACE;;AAIA;EACE;;AAEF;EACE;;AAEA;EACE;;AACA;ExB3LN;EACA;EACA;EACA;EACA;EAKA;EwBqLQ;EACA;;AAEA;EACE;EACA;;;AAOZ;AACA;AACA;AAEA;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAEA;ExBxOJ;EwB0OM;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;;AAIJ;AACA;AACA;AAEA;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;ExB9QE;;AwBiRE;EACE;;;AAKN;ExBvRE;;AwByRA;EACE;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;ACtTN;AACA;AACA;AAEA;EACE;;AACA;EACE;;AAGF;EzBTA;EACA;EACA;EACA;EACA;EyBOE;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;;ACnBN;AACA;AACA;AAEA;E1BqBE;EACA;AACA;EACA,YACE;E0BvBF;;;ACNF;AACA;AACA;AAEA;EACE;;;AAGF;E3BPE;EACA;EACA;EACA;EACA;E2BKA;EACA;EACA;EACA;;;AAGF;EACE;;AACA;EACE;;;ACnBJ;AACA;AACA;AAEA;EACE;;;AAGF;EAEE;EACA;EACA;EACA;EACA;;;AAIA;EACE;;;AAKF;EACE;;AAGF;E5B3BA;EACA;EACA;EACA;EACA;EAKA;E4BqBE;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAEA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAKF;E5BlEJ;EACA;EACA;EACA;EACA;EAKA;E4B4DM;EACA;EACA;;AAEA;EACE;EACA;;AAMR;EACE;;;AAMJ;EAEE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AC3HF;AACA;AACA;AACA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;E7BXE;E6BcA;EACA;;AACA;AAAA;EACE;;;AAKF;EACE;EACA;;;AAIJ;EACE;;;AAGF;E7BhCE;E6BkCA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;ACrDJ;AACA;AACA;AACA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AClBA;E/BcA;EACA;AACA;EACA,YACE;E+BhBA;EACA;EACA;;AAGF;EACE;;AAGF;EAEE;;AAGF;EACE;;AAEA;EACI;EACA;;AAIN;EACE;;AAMF;E/BxBA;E+B6BE;;AAIF;EAQE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;EACA;;AAMN;EACE;;AAGF;EACE;;AAGF;E/BxEA;E+B0EE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;E/B/EA;EACA;AACA;EACA,YACE;EAgBF;EACA;EAZA;EACA;AACA;EACA,YACE;E+BqEA;EACA;;AAGF;EAEE;;AAGF;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA,YACA;;AAKF;EACE;;AAGF;EACE;;AAEA;EACE;;;AC3JN;EAgBE;EACA;EACA;EACA;;AAjBE;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AASJ;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;AACA;EhCjCF;EACA;EACA;EACA;EACA;EgC+BI;EACA;EACA;;AACA;EACE;EACA;;AAKN;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EAEI;;AAGJ;EAEE;;AAGF;EACE;EACA;;AAGF;EhCjFA;EACA;EACA;EACA;EACA;;AgCiFA;EACE;;AAIF;EACI;;AAIJ;EACI;;AAGJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EAEI;;AAIJ;EAEI;;AAIJ;EAGI;EACA;;AAIJ;EAII;EACA;;AAGJ;EhClJA;EACA;EACA;EACA;EACA;EAKA;EgC4IE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EhClJA;EACA;AACA;EACA,YACE;EAgBF;EACA;EgC+HE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGJ;EAEE;;AAKJ;EACI;;AAIJ;EAEI;;AAGJ;EAEE;;AAGF;EAEE;;AAGF;EAKE;;AAIF;EACI;;AACA;EhChOJ;EACA;EACA;EACA;EACA;EAKA;EgC0NM;;AAEE;EACI;EACA;;AAEA;EACI;;AACA;EACE;EACA;;AAIN;EhCjPZ;EACA;EACA;EACA;EACA;EgC+Oc;EACA;EACA;;AAMd;EhC3PA;EACA;EACA;EACA;EACA;EAKA;EgCsPE;EACA;EACA;;AAEA;EhCnQF;EACA;EACA;EACA;EACA;EgCiQI;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EAME;EACA;;AAEA;EAEE;EACA;;;AC/RF;EACI;;AAGJ;EACI;;AAIA;EACI;;AAIA;EACI;EACA;EACA;;AAIR;EACI;;AAGJ;EACI;EACA;;;AC9BZ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGE;EACE;;AAIJ;ElCjCF;EACA;EACA;EACA;EACA;EkC+BI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AACA;EAEE;EACA;;AAKN;EACE;EACA;EACA;;AAIJ;ElClDF;EACA;AACA;EACA,YACE;EkCgDE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5IF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EnCFA;EmCIE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EnCbA;EACA;AACA;EACA,YACE;EAgBF;EACA;EmCNE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;AAGF;EACE;;AAGF;EnCxDA;EACA;EACA;EACA;EACA;;AmCuDE;EACE;;AAGF;EnC/DF;EACA;EACA;EACA;EACA;EmC6DI;;AAEA;EACE;;;ACpEN;EACE;EACA;AAEA;AACA;AACA;AAcA;AACA;AACA;;AAfA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAOJ;EACE;;AAEA;EACE;EACA;;;AC7BR;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;ErCIF;EACA;AACA;EACA,YACE;EAgBF;EACA;EqCvBI;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AAON;EACE;;AAEF;EACE;;AAEA;EACE;;;AC3CJ;EACE;;AAIA;EACE;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAGF;EtChBF;EACA;AACA;EACA,YACE;EAgBF;EACA;EsCHI;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AACA;EACE;;AAKN;EACE;EACA;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;AAIJ;AAAA;EAEE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAMR;EACE;EACA;EACA;;;AAKA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;;AAIJ;AAEA;EtC1QE;EACA;EACA;EACA;EACA;EsCwQA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;;;AAIF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;;;A3B5WF;AACA;AACA;AAEA;AAOA;AAEoC;AACD;AAEL;AAO9B;AAMA;AAGA;AACA;AACA;AAEA;AAOA;AAMA;AAMA;AAIA;AACA;AACA;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;;;A4BlIF;AACA;AACA;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;;AAMR;AACA;AACA;AAEA;EACE;EACA;;;AAGF;AACA;AACA;AAII;EACE;;AAEA;EvChGJ;;AuCoGQ;EACE;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;AAEF;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;;AASd;AACA;AACA;AAGA;EvCzKE;EACA;AACA;EACA,YACE;EAgBF;EACA;EAZA;EACA;AACA;EACA,YACE;EuC+JF;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EACE;;AAKF;EACE;;AAGF;EAKE;;AACA;EACE;EACA;EACA;EACA;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAMF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EvC5ON;EACA;AACA;EACA,YACE;EuC0OM;EACA;;AAIJ;EvCnPJ;EACA;AACA;EACA,YACE;EAgBF;EACA;EAZA;EACA;AACA;EACA,YACE;;AuC6OE;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAKF;EvC1RR;EACA;AACA;EACA,YACE;EuCwRQ;EACA;EACA;;AAKN;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAKN;EACE;;AAEA;EvCpTN;EACA;AACA;EACA,YACE;EuCkTM;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIA;EACE;;AAEF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;;AAEA;EACE;;AAMR;EACE;EACA;EACA;;;A5BlYJ;AACA;AACA;AAEA;AAOA;AAEoC;AACD;AAEL;AAO9B;AAMA;AAGA;AACA;AACA;AAEA;AAOA;AAMA;AAMA;AAIA;AACA;AACA;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;;;A6BjIF;AACA;AACA;AAEE;AAAA;ExCPA;EACA;EACA;EACA;EACA;;AwCSE;EACE;;AAEF;EACE;;AAIJ;AAAA;ExCrBA;EACA;EACA;EACA;EACA;EAKA;EwCgBE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAKF;EACE;;AAGF;ExCxCF;EACA;EACA;EACA;EACA;EAKA;EwCkCI;EACA;EACA;;AACA;EACE;EACA;;AAMJ;EACE;EACA;;AAEF;ExC3CF;EACA;AACA;EACA,YACE;EAgBF;EACA;EwCwBI;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;ExCvEF;EACA;EACA;EACA;EACA;EAKA;EwCiEI;EACA;EACA;;AAEA;EACE;EACA;;AAGF;ExCpEJ;EACA;AACA;EACA,YACE;EwCkEI;EACA;EACA;;AAIJ;ExC3FF;EACA;EACA;EACA;EACA;EAKA;EwCqFI;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;ExCvGF;EACA;EACA;EACA;EACA;EAKA;EwCiGI;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAEA;ExCvHJ;EACA;EACA;EACA;EACA;EAKA;EwCiHM;EACA;EACA;;AAEA;EACE;EACA;;;AAOV;AACA;AACA;AAII;EACE;EACA;EACA;;AAEA;ExClJJ;EACA;EACA;EACA;EACA;EAKA;EwC4IM;EACA;EACA;;AAEA;EACE;;AAGF;ExC7JN;EACA;EACA;EACA;EACA;EwC2JQ;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AAIJ;EACE;EACA;;AAIA;EACE;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;;AAMJ;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AASd;AACA;AACA;AAEE;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;;AAIA;EAEE;;AAEA;EACE;;AAIF;ExClPN;EATA;EACA;EACA;EACA;EACA;EwC2PQ;;AAEA;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAQA;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;;;AAOV;AACA;AACA;AAEE;AAAA;EAEE;;AAGF;EACE;;AAEA;EACE;EACA;;AAMA;EAIE;;AAEA;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;EACA;;AAGF;EACE,OAXM;;AAeV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;EACA;;AAGF;EACE,OAXM;;AAeV;EAGE,cADQ;EAER;;AAEA;EAEE;EACA;;AAGF;EACE,OAXM;;AAeV;EAGE,cADQ;EAER,OAFQ;;AAIR;EAEE;EACA;;AAGF;EACE,OAXM;;AAeV;EAEE,cA1NS;EA2NT;;AAEA;EAEE;;AAGF;EACE,OAnOO;;AAuOX;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EAGE,cADQ;EAER;;AAEA;EAEE;EACA;;AAGF;EACE,OAXM;;AAeV;EAEE,cA1QS;EA2QT;;AAEA;EAEE;;AAGF;EACE,OAnRO;;AAuRX;EAGE,cADQ;EAER;;AAEA;EAEE;;AAGF;EACE,OAVM;;AAcV;EACE;EACA;EACA;EACA;EACA;;;ACloBV;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;AACA;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EzC5BA;;;AyCkCF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnDF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;EACE","file":"dorako-ui.css"} \ No newline at end of file diff --git a/styles/foundry/foundry.css.map b/styles/foundry/foundry.css.map new file mode 100644 index 0000000..a57954f --- /dev/null +++ b/styles/foundry/foundry.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"foundry.css"} \ No newline at end of file diff --git a/styles/hazard-sheet.css.map b/styles/hazard-sheet.css.map deleted file mode 100644 index 60512f9..0000000 --- a/styles/hazard-sheet.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../sass/hazard-sheet.scss","../sass/_mixins.scss"],"names":[],"mappings":"AAEA;EACE;;AACA;AAAA;AAAA;AAAA;EAIE;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AACA;EACE;;AAKN;EACE;EACA;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;AAIJ;AAAA;EAEE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAKA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;;AAIJ;AAEA;ECtPE;EACA;EACA;EACA;EACA;EDoPA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;;;AAIF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA","file":"hazard-sheet.css"} \ No newline at end of file diff --git a/styles/familiar-sheet-dark-red-header.css b/styles/legacy/familiar-sheet-dark-red-header.css similarity index 100% rename from styles/familiar-sheet-dark-red-header.css rename to styles/legacy/familiar-sheet-dark-red-header.css diff --git a/styles/familiar-sheet-dark.css b/styles/legacy/familiar-sheet-dark.css similarity index 100% rename from styles/familiar-sheet-dark.css rename to styles/legacy/familiar-sheet-dark.css diff --git a/styles/main.css.map b/styles/main.css.map deleted file mode 100644 index 1964c06..0000000 --- a/styles/main.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../sass/_app-ui.scss","../sass/_mixins.scss","../sass/_colors.scss","../sass/_combat.scss","../sass/_controls.scss","../sass/_effects-panel.scss","../sass/_hotbar.scss","../sass/_navigation.scss","../sass/_notifications.scss","../sass/_sidebar.scss","../sass/_token-hud.scss"],"names":[],"mappings":"AAEA;AACA;AACA;AAEA;ECLE;EACA;EACA;EACA;EACA;EDGE;;AAEA;EACI;ECDN;;ADIM;EACI;;;AAKZ;ECnBE;EACA;EACA;EACA;EACA;EDiBE;EACA;;AAEA;EACI;;AAEA;EACI;EACA;EACA;;AAGR;EACI;;AACA;EACI;EACA;;;AAKZ;EACI;EACA;;AACA;EC9BF;EACA;AACA;EACA,YACE;EAgBF;EACA;EDWM;EACA;;;AAIR;EACI;EACA;;;AAGJ;EC1CE;EACA;AACA;EACA,YACE;EAgBF;EACA;EDuBE;;;AAGJ;EACI;;AAEA;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;;;AAGJ;AACA;AACA;AAEA;ECnFE;EACA;EACA;EACA;EACA;EDiFE;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAIR;AACA;AACA;AAEA;ECrGE;EACA;EACA;EACA;EACA;EDmGE;EACA;EACA;EACA;EACA;;;AAGJ;AACA;AACA;AAEA;EClHE;EACA;EACA;EACA;EACA;EDgHE;;;AEnHJ;AACA;AACA;AAEA;AAOA;AAEoC;AACD;AAEL;AAO9B;AAMA;AAGA;AACA;AACA;AAEA;AAOA;AAMA;AAMA;AAIA;AACA;AACA;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;;;AC1HE;EACI;;AAGJ;EACI;;AAIA;EACI;;AAIA;EACI;EACA;EACA;;AAIR;EACI;;AAGJ;EACI;EACA;;;AC7BZ;AACA;AACA;AAGA;AAAA;EAEI;;;AAGJ;EACI;;AAGI;EACI;;AAEJ;AAAA;EHjBN;EACA;EACA;EACA;EACA;EAKA;EGYU;EACA;EACA;;AAEA;AAAA;EACI;;AAGJ;AAAA;AAAA;EH7BV;EACA;EACA;EACA;EACA;EG2Bc;EACA;;AAEA;AAAA;AAAA;EACI;;AAIR;AAAA;EHvCV;EACA;EACA;EACA;EACA;EGqCc;;AAEA;AAAA;AAAA;EH3Cd;EACA;EACA;EACA;EACA;EGyCkB;EACA;;;AAOpB;EHrDE;EACA;EACA;EACA;EACA;EGmDE;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;AC9DR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGI;EACI;;AAIR;EJlCN;EACA;EACA;EACA;EACA;EIgCU;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;;AACA;EAEI;EACA;;AAKZ;EACI;EACA;EACA;;AAIR;EJnDN;EACA;AACA;EACA,YACE;EIiDQ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AC7IR;AACA;AACA;AAEI;EACI;EACA;ELNN;EACA;EACA;EACA;EACA;EAKA;EKAM;;AAEA;ELFN;EKKU;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;ELjBN;EKmBU;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAKR;EACI;EACA;EACA;EACA;;AAGJ;EL9EF;EACA;EACA;EACA;EACA;;;AK+EF;EACI;IACI;IACA;;EAEJ;IACI;;;ACzFR;AACA;AACA;AAEA;EACI;EACA;;AAEA;ENRF;EACA;EACA;EACA;EACA;EMMM;EACA;EACA;;AAKA;ENjBN;EACA;EACA;EACA;EACA;EMeU;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;ENnCV;EACA;EACA;EACA;EACA;EMiCc;EACA;;AAEA;EACI;EACA;;AAIR;EN9CV;EACA;EACA;EACA;EACA;EM4Cc;;AAEA;EAEI;EACA;;AAIR;EACI;EACA;;AAGJ;EACI;;;AC9DhB;AACA;AACA;AAGI;EPNF;EACA;EACA;EACA;EACA;EOIM;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;;;AC3BZ;AACA;AACA;AAGE;EACE;;AACA;EACE;;;AAKN;EACE;EACA;;;AAGF;EACE;;AACA;EACE;EACA;;;AAIJ;EACE;;;AAKA;EACE;;;AAIJ;ERpCE;EACA;EACA;EACA;EACA;EQkCA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;ERrDJ;EACA;AACA;EACA,YACE;EQmDI;EACA;EACA;EACA;;;AAQJ;EACE;;AAGF;EACE;;;ACpFF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKR;EACI;EACA;EACA;;AACA;EACI;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAKR;ETrGN;EACA;EACA;EACA;EACA;ESmGU;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AASZ;ET/HF;EACA;EACA;EACA;EACA;ES6HM;;AACA;EACI;EACA;;AAIR;ETxIF;EACA;EACA;EACA;EACA;EAKA;ESkIM;;AAEA;EACI;;AAIJ;EACI;;AAEA;EACI;;AACA;EACI;;AAGJ;EACI;;AAQR;EACI;;AACA;EACI;;AAQZ;EACI;;AAEA;EACI;;AACA;EACI;;AAOZ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAUA;EACI;;AAIR;EACI;EACA","file":"main.css"} \ No newline at end of file diff --git a/styles/messages.css.map b/styles/messages.css.map deleted file mode 100644 index 01557e7..0000000 --- a/styles/messages.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../sass/messages.scss","../sass/_mixins.scss"],"names":[],"mappings":"AAGA;AACA;AACA;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;;AAMR;AACA;AACA;AAEA;EACE;EACA;;;AAGF;AACA;AACA;AAII;EACE;;AAEA;EChGJ;;ADoGQ;EACE;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;AAEF;EACE;;AACA;EACE;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;;AASd;AACA;AACA;AAGA;ECpKE;EACA;AACA;EACA,YACE;EAgBF;EACA;EDiJA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAMF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EClNN;EACA;AACA;EACA,YACE;EDgNM;EACA;;AAIJ;ECzNJ;EACA;AACA;EACA,YACE;EAgBF;EACA;EAZA;EACA;AACA;EACA,YACE;;ADmNE;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAEA;EC/ON;EACA;AACA;EACA,YACE;ED6OM;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIA;EACE;;AAEF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;;AAEA;EACE;;AAMR;EACE;EACA;EACA","file":"messages.css"} \ No newline at end of file diff --git a/styles/module-support.css b/styles/module-support.css deleted file mode 100644 index 54465b5..0000000 --- a/styles/module-support.css +++ /dev/null @@ -1,1313 +0,0 @@ -/* ----------------------------------------- */ -/* Color definitions */ -/* ----------------------------------------- */ -/* Colors */ -/* Global */ -/* used for mini headers, alternate primary color */ -/* compliments the primary color, usually used in combination */ -/* for all other uses */ -/* Lighter / Darker */ -/* Text */ -/* ----------------------------------------- */ -/* Color schemes */ -/* ----------------------------------------- */ -/* Proficiency ranks */ -/* Rarities */ -/* Degrees of success */ -/* Value adjustments (e.g. weak/elite) */ -/* ----------------------------------------- */ -/* CSS Custom Properties */ -/* ----------------------------------------- */ -:root { - /* Global */ - --primary: #5e0000; - --primary-light: #b10000; - --primary-dark: #380000; - --secondary: #171f69; - --secondary-light: #2836b7; - --secondary-dark: #0d113a; - --tertiary: #e9d7a1; - --rarity-common: #323232; - --rarity-uncommon: #98513d; - --rarity-rare: #002664; - --rarity-unique: #54166e; - --alt: #786452; - --alt-dark: #443730; - --bg: #f8f4f1; - --bg-dark: #e7d9cf; - --gold-brown: #956d58; - --sub: #605856; - --color-disabled: #ababab; - --blind-bg: #a57aa5; - --whisper-bg: #e3e3ff; - --inline-link-bg: #ddd; - --inline-repost-bg: #eaeaea; - --visibility-gm-bg: #e8e8ef; - --visibility-owner-bg: #ddebe1; - --blind-roll: #f5eaf5; - /* Lighter / Darker */ - --light: #910000; - --dark: #2b0000; - --tertiary-dark: #dfc578; - --tertiary-light: #f3e9ca; - /* Text */ - --body: var(--text-dark); - --color-text-trait: #f5efe0; - --text-dark: #1c1c1c; - --text-light: white; - /* Borders */ - --color-border-trait: #d8c384; - --color-border-divider: #baa991; - /* Headers w/ boxes */ - --header-color: var(--text-light); - --header-bg: var(--secondary); - /* Sidebar */ - --sidebar-label: var(--tertiary-dark); - --sidebar-title: var(--tertiary); - /* App UI */ - --glass-bg: rgba(20, 20, 20, 0.6); - --glass-bg-light: rgba(255, 255, 255, 0.1); - --glass-bg-dark: rgba(0, 0, 0, 0.7); - --gold-and-glow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), inset 0 0 3px rgba(255, 255, 255, 0.5); - --glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1), - 0px 0px 5px 0px rgba(0, 0, 0, 0.5); - --sheet-light: url(../img/background-light.webp); - --sheet-dark: url(../img/background-dark4.webp); - --header: url(../img/blue_header.webp); - --banner-top: url(../img/blue_sidebar_top.webp); - --banner-bottom: url(../img/blue_sidebar_bottom.webp); -} - -/* ----------------------------------------- */ -/* 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 { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - backdrop-filter: blur(5px); -} - -.window-app.monarch-hand .window-header, -.monarch-hand footer.sheet-footer { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); -} - -.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; -} -.monarch-hand footer.sheet-footer button { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - color: var(--color-text-light-heading); - text-shadow: 0px 0px 3px black; -} -.monarch-hand footer.sheet-footer button:hover { - color: var(--color-text-light-highlight); - background-color: var(--primary); -} - -.monarch .card-hud .badge, -.monarch .card-hud .card-controls { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); -} - -.monarch-hand .tooltip { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - backdrop-filter: blur(5px); -} - -/* ----------------------------------------- */ -/* DF Chat Enhancements */ -/* ----------------------------------------- */ -.message.chat-message.dorako-ui.dark-theme.dfce-cm-middle .message-delete, .message.chat-message.dorako-ui.dark-theme.dfce-cm-bottom .message-delete { - color: white; - top: 5px; - text-shadow: 0px 0px 1px black; -} - -.message.chat-message .message-delete { - z-index: 1; -} -.message.chat-message.dfce-cm-top { - border-bottom-style: none; - margin-bottom: 0px; - padding-bottom: 5px; -} -.message.chat-message.dfce-cm-top:hover { - box-shadow: var(--gold-and-glow); -} -.message.chat-message.dfce-cm-middle, .message.chat-message.dfce-cm-bottom { - border-top-style: none; - border-bottom-style: none; - border-radius: 0px; -} -.message.chat-message.dfce-cm-middle:hover, .message.chat-message.dfce-cm-bottom:hover { - box-shadow: var(--gold-and-glow); -} -.message.chat-message.dfce-cm-middle .message-content, .message.chat-message.dfce-cm-bottom .message-content { - padding-right: 0px; -} -.message.chat-message.dfce-cm-middle .sender-wrapper, -.message.chat-message.dfce-cm-middle .portrait-and-name, .message.chat-message.dfce-cm-bottom .sender-wrapper, -.message.chat-message.dfce-cm-bottom .portrait-and-name { - display: none; -} -.message.chat-message.dfce-cm-middle .message-header, .message.chat-message.dfce-cm-bottom .message-header { - background: transparent; - box-shadow: none; - text-shadow: 0px 0px 1px white; - margin: 0px; - padding: 0px; - padding-right: 5px; - color: var(--color-text-dark-primary); -} -.message.chat-message.dfce-cm-middle .header-meta, .message.chat-message.dfce-cm-bottom .header-meta { - display: none; -} -.message.chat-message.dfce-cm-middle { - margin-top: 0px; - margin-bottom: 0px; - padding-top: 0px; - padding-bottom: 5px; -} -.message.chat-message.dfce-cm-bottom { - margin-top: 0px; - border-radius: 0px 0px 5px 5px; -} - -div#scrollToBottom { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - background-color: #ecbf41; - text-shadow: none; - color: black; - margin-left: 6px; - margin-right: 7px; - top: -27px; - z-index: 1; -} -div#scrollToBottom:hover { - background-color: #f1cf6f; -} - -#dfcp-rt-buttons { - gap: 3px; -} -#dfcp-rt-buttons button { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - color: var(--color-text-light-heading); - background-color: var(--glass-bg-light); - text-shadow: 0px 0px 3px black; -} -#dfcp-rt-buttons button:hover { - color: var(--color-text-light-highlight); -} -#dfcp-rt-buttons button.active i { - text-shadow: 0px 0px 3px black; - color: var(--color-text-light-highlight); -} - -#chat-controls { - padding: 0px; -} - -/* ----------------------------------------- */ -/* Polyglot */ -/* ----------------------------------------- */ -#polyglot { - flex-basis: 20px; -} -#polyglot label { - display: none; -} -#polyglot select { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - background: var(--glass-bg-light); - color: var(--color-text-light-heading); - text-shadow: 0px 0px 3px black; -} -#polyglot select option, -#polyglot select optgroup { - background-color: rgb(37, 37, 37); - color: var(--color-text-light-highlight); -} - -/* ----------------------------------------- */ -/* Ripper's Filepicker+ */ -/* ----------------------------------------- */ -.filepicker-plus-tooltip { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - border: none; - backdrop-filter: blur(5px); -} - -#sidebar .app.window-app.filepicker { - margin: 0px; -} - -#sidebar .filepicker .window-content { - border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - background-image: var(--sheet); - background-size: cover; - background-image: var(--sheet-dark); - height: calc(100% - 5px); -} - -/* ----------------------------------------- */ -/* Combat Carousel */ -/* ----------------------------------------- */ -#controls ol li.scene-control[data-control=combat-carousel] { - position: relative; -} - -/* ----------------------------------------- */ -/* Speaking As */ -/* ----------------------------------------- */ -div.speaking-as--currentSpeaker + #chat-controls { - padding: 0px; -} - -.speaking-as--currentSpeaker { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - background-color: var(--glass-bg-light); - padding-left: 5px; - margin: 0px 6px; - text-shadow: 0px 0px 3px black; -} - -.speaking-as--currentSpeaker--button { - cursor: pointer; -} -.speaking-as--currentSpeaker--button:hover { - color: var(--color-text-light-highlight); -} - -/* ----------------------------------------- */ -/* PF2e Workbench */ -/* ----------------------------------------- */ -.xdy-pf2e-workbench-rarity-common { - color: var(--rarity-common); - border-color: var(--rarity-common); -} - -.xdy-pf2e-workbench-rarity-uncommon { - color: var(--rarity-uncommon); - border-color: var(--rarity-uncommon); -} - -.xdy-pf2e-workbench-rarity-rare { - color: var(--rarity-rare); - border-color: var(--rarity-rare); -} - -.xdy-pf2e-workbench-rarity-unique { - color: var(--rarity-unique); - border-color: var(--rarity-unique); -} - -/* ----------------------------------------- */ -/* PF2e Target Damage */ -/* ----------------------------------------- */ -.chat-message .message-content .pf2e-td.damage-application button .label { - font-size: var(--font-size-8); -} - -wrapper.pf2e-td.name-top .pf2e-td.name { - background: rgba(0, 0, 0, 0.1); - border: 1px solid var(--color-border-light-2); - border-radius: 3px; - box-shadow: 0 0 2px #fff inset; - width: 100%; -} - -.dorako-ui.chat-message hr.pf2e-td { - display: none !important; -} - -.dorako-ui.dark-theme.chat-message hr.pf2e-td { - display: none !important; -} -.dorako-ui.dark-theme.chat-message button.small-button.pf2e-td { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - background-color: var(--glass-bg-light); - color: var(--color-text-light-heading); - text-shadow: 0px 0px 3px black; - margin: 2px; - width: 20px; - height: calc(100% - 4px); -} -.dorako-ui.dark-theme.chat-message button.small-button.pf2e-td:hover { - background-color: var(--primary); - color: var(--color-text-light-highlight); -} -.dorako-ui.dark-theme.chat-message wrapper.pf2e-td { - gap: 3px; -} -.dorako-ui.dark-theme.chat-message wrapper.pf2e-td .pf2e-td.damage-application { - gap: 3px; - margin-top: 0px; -} -.dorako-ui.dark-theme.chat-message wrapper.pf2e-td.name-left .pf2e-td.damage-application { - gap: 3px; -} -.dorako-ui.dark-theme.chat-message wrapper.pf2e-td .pf2e-td.name { - color: var(--color-text-light-heading); -} -.dorako-ui.dark-theme.chat-message wrapper.pf2e-td .pf2e-td.name:hover { - color: var(--color-text-light-highlight); -} -.dorako-ui.dark-theme.chat-message wrapper.pf2e-td.name-top .pf2e-td.name { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - width: 100%; - line-height: 24px; - text-shadow: 0px 0px 3px black; -} -.dorako-ui.dark-theme.chat-message wrapper.pf2e-td.name-top .pf2e-td.name:hover { - color: var(--color-text-light-highlight); - background-color: var(--primary); -} -.dorako-ui.dark-theme.chat-message .message-content .pf2e-td.damage-application button .label { - font-size: var(--font-size-8); -} - -#target-damage-chat-window [data-visibility]:is(div, em, h4, p, span, strong):not([data-visibility=all])[data-visibility=gm] { - background-color: transparent; -} - -#target-damage-chat-window { - border: none; - margin: 0px; - padding: 0px; -} - -#target-damage-chat-window:empty { - display: none; -} - -.hidden #target-damage-hide-button { - left: 0px; - top: 2px; - margin: 0px; - padding: 0px; - height: 14px; - width: 14px; -} - -.damage-application.hidden.right { - padding: 0px; -} - -.hidden.right #target-damage-hide-button { - left: 0px; - top: 2px; - margin: 0px; - padding: 0px; - height: 14px; - width: 14px; -} - -/* ----------------------------------------- */ -/* Dice Tray */ -/* ----------------------------------------- */ -.dice-tray { - display: flex; - flex-direction: column; - gap: 5px; -} -.dice-tray .dice-tray__stacked { - gap: 3px; -} -.dice-tray input[type=text] { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - background-color: var(--glass-bg-light); - text-shadow: 0px 0px 3px black; - color: var(--color-text-light-heading); -} -.dice-tray input[type=text]:hover { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - background-color: var(--secondary); - color: var(--color-text-light-highlight); -} -.dice-tray input[type=text]:focus { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - background-color: var(--secondary-light); - color: white; -} -.dice-tray button { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - background-color: var(--glass-bg-light); - text-shadow: 0px 0px 3px black; - color: var(--color-text-light-heading); -} -.dice-tray button svg { - filter: drop-shadow(0px 0px 3px black); -} -.dice-tray button svg * { - fill: var(--color-text-light-heading); -} -.dice-tray button.dice-tray__advantage:hover, .dice-tray button.dice-tray__disadvantage:hover, .dice-tray button.dice-tray__roll:hover, .dice-tray button.dice-tray__math--add:hover, .dice-tray button.dice-tray__math--sub:hover, .dice-tray button:hover { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - background-color: var(--primary); - color: var(--color-text-light-highlight); -} -.dice-tray button.dice-tray__advantage:hover svg, .dice-tray button.dice-tray__disadvantage:hover svg, .dice-tray button.dice-tray__roll:hover svg, .dice-tray button.dice-tray__math--add:hover svg, .dice-tray button.dice-tray__math--sub:hover svg, .dice-tray button:hover svg { - filter: drop-shadow(0px 0px 3px black); -} -.dice-tray button.dice-tray__advantage:hover svg *, .dice-tray button.dice-tray__disadvantage:hover svg *, .dice-tray button.dice-tray__roll:hover svg *, .dice-tray button.dice-tray__math--add:hover svg *, .dice-tray button.dice-tray__math--sub:hover svg *, .dice-tray button:hover svg * { - fill: var(--color-text-light-highlight); -} -.dice-tray .flexrow { - margin-left: 6px; - margin-right: 6px; - gap: 5px; -} -.dice-tray > * { - margin: 0px; -} - -/* ----------------------------------------- */ -/* Damage Log */ -/* ----------------------------------------- */ -nav.damage-log-nav.tabs { - flex: 0; - margin: 0px 2px; - box-shadow: none; - border: none; -} -nav.damage-log-nav.tabs .item { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - margin: 2px; - color: white; - border-radius: 3px; - margin: 2px; - border: none; -} -nav.damage-log-nav.tabs .item:hover { - box-shadow: var(--gold-and-glow); - background-color: var(--secondary); - text-shadow: 0px 0px 3px black; - border: none; - border-radius: 3px; -} -nav.damage-log-nav.tabs .item.active { - box-shadow: var(--gold-and-glow); - background-color: var(--secondary-light); - text-shadow: 0px 0px 3px black; - border: none; - border-radius: 3px; -} - -/* ----------------------------------------- */ -/* Enhanced Terrain Layer */ -/* ----------------------------------------- */ -#controls ol.control-tools.sub-controls { - margin-right: 0px; -} - -#controls ol.control-tools#terrainlayer-tools { - margin-top: 44px; -} -#controls ol.control-tools#terrainlayer-tools .control-tool { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); -} -#controls ol.control-tools#terrainlayer-tools .control-tool:not(#tl-defaultcost):hover { - background-color: rgba(177, 177, 177, 0.5); - color: black; -} -#controls ol.control-tools#terrainlayer-tools .control-tool:not(#tl-defaultcost):hover button.control-btn:hover { - border-radius: 3px; - color: black; - text-shadow: 0 0 3px var(--color-text-light-highlight); - box-shadow: none; -} - -/* ----------------------------------------- */ -/* Koboldworks turn announcer */ -/* ----------------------------------------- */ -.chat-message[data-message-id].koboldworks.round-cycling h3.round-message { - margin-left: 17px; - gap: 20px; -} - -.chat-message[data-message-id].koboldworks.turn-announcer.obfuscated { - border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - background-image: var(--sheet); - background-size: cover; - background-size: cover; - background-blend-mode: luminosity; - background-color: var(--blind-bg); -} -.chat-message[data-message-id].koboldworks.turn-announcer.obfuscated.dorako-ui.dark-theme { - background: var(--sheet-dark); - background-size: cover; - background-blend-mode: luminosity; - background-color: var(--blind-bg); -} - -/* ----------------------------------------- */ -/* Monk's Common Display */ -/* ----------------------------------------- */ -#common-display-toolbar { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); -} -#common-display-toolbar .move-handle { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - border-radius: 5px 0px 0px 5px; -} -#common-display-toolbar .common-display-button.small { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - text-shadow: 0px 0px 3px black; -} -#common-display-toolbar .common-display-button.small:hover { - background-color: var(--primary); -} -#common-display-toolbar .common-display-button.toggle { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - background-color: var(--secondary-dark); - text-shadow: 0px 0px 3px black; -} -#common-display-toolbar .common-display-button.toggle:hover, #common-display-toolbar .common-display-button.toggle.active { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - background-color: var(--secondary-light); -} - -/* ----------------------------------------- */ -/* Monk's Player Settings */ -/* ----------------------------------------- */ -#client-settings.dorako-ui.dark-theme #mps-view-group { - border-bottom: 1px solid var(--tertiary); -} - -/* ----------------------------------------- */ -/* Monk's Enhanced Journal */ -/* ----------------------------------------- */ -.monks-enhanced-journal.window-app .window-content { - padding: 0px; -} - -/* ----------------------------------------- */ -/* Monk's tokenbar */ -/* ----------------------------------------- */ -#tokenbar { - gap: 3px; -} -#tokenbar .token-list { - gap: 5px; - border: none; -} -#tokenbar .bar-controls { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); -} -#tokenbar .bar-controls div#tokenbar-move-handle { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - border-radius: 5px 0px 0px 5px; - margin-right: 2px; -} -#tokenbar .token { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - flex: 0 0 52px; -} -#tokenbar .token .token-stats { - background: none; - text-shadow: 0px 0px 3px black; -} -#tokenbar .token:hover { - background-color: var(--primary); -} -#tokenbar .token:hover .token-icon { - box-shadow: none; - filter: drop-shadow(0px 0px 5px var(--tertiary)); -} -#tokenbar .token .token-icon { - box-shadow: none; - border-radius: 3px; -} -#tokenbar .token .tooltip { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - backdrop-filter: blur(5px); -} - -.monks-tokenbar.chat-card .card-header h3:hover { - text-shadow: unset; -} - -.monks-tokenbar .sheet .items-list .items-header { - border: none; -} - -#tokenbar .bar-controls .tokenbar-buttons div.active:not(.disabled) i, -#tokenbar[movement=free] #movement-free:not(.disabled) i, -#tokenbar[movement=none] #movement-none:not(.disabled) i, -#tokenbar[movement=combat] #movement-combat:not(.disabled) i { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - border: none; - margin: 2px; - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); - border-radius: 3px; - text-shadow: 0px 0px 3px black; - background-color: var(--primary-light); - color: var(--color-text-light-highlight); -} - -#tokenbar:not(.hidectrl) .bar-controls .tokenbar-buttons div.active:not(.disabled):hover i, -#tokenbar[movement=free]:not(.hidectrl) #movement-free:not(.disabled):hover i, -#tokenbar[movement=none]:not(.hidectrl) #movement-none:not(.disabled):hover i, -#tokenbar[movement=combat]:not(.hidectrl) #movement-combat:not(.disabled):hover i { - color: var(--color-text-light-highlight); -} - -.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .item .item-name, -.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list, -.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-header h3, -.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .items-header h3 { - color: var(--color-text-light-1); - font-family: unset; -} - -.dorako-ui.dark-theme#requestsavingthrow .request-grid.dice-group div::first-letter { - font-size: 0rem; -} -.dorako-ui.dark-theme#requestsavingthrow .request-grid { - gap: 5px; - margin: 5px 10px; - text-align: center; -} -.dorako-ui.dark-theme#requestsavingthrow .request-grid.dice-group { - display: flex; - justify-content: space-between; -} -.dorako-ui.dark-theme#requestsavingthrow .request-grid > div { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - color: var(--color-text-light-heading); - text-shadow: 0px 0px 3px black; - padding: 2px 6px; - background-color: var(--secondary-dark); -} -.dorako-ui.dark-theme#requestsavingthrow .request-grid > div:hover { - background-color: var(--secondary-light); - color: white; -} -.dorako-ui.dark-theme#requestsavingthrow .request-grid > div.selected { - background-color: var(--secondary-light); - color: white; -} -.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .item { - border: none; - margin-bottom: 2px; -} -.dorako-ui.dark-theme .monks-tokenbar .dialog-buttons { - gap: 5px; -} -.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-header { - border: none; -} -.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer { - border: none; -} -.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer .flexrow { - gap: 5px; -} -.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer .flexrow .footer-button { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - color: var(--color-text-light-heading); - text-shadow: 0px 0px 3px black; -} -.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer .flexrow .footer-button:hover { - color: var(--color-text-light-highlight); - background-color: var(--primary); -} - -/* ----------------------------------------- */ -/* Monk's little details */ -/* ----------------------------------------- */ -#chat-log .message.round-marker { - border-bottom: 1px solid var(--tertiary) !important; -} - -#darkness-progress > div > div { - background-color: var(--primary-light); -} - -#token-hud.monks-little-details .status-effects .effect-control, -#token-hud.monks-little-details .status-effects .pf2e-effect-control { - border-radius: unset; -} - -#token-hud.placeable-hud.monks-little-details .status-effects { - grid-template-columns: 90px 90px 90px 90px !important; - background: none; -} -#token-hud.placeable-hud.monks-little-details .status-effects .effect-control { - border: none; - opacity: unset; -} -#token-hud.placeable-hud.monks-little-details .status-effects .effect-control.active { - border: none; - opacity: 1; - background-color: var(--secondary-light); -} -#token-hud.placeable-hud.monks-little-details .status-effects .effect-control.active .effect-name { - color: white; - opacity: unset; -} -#token-hud.placeable-hud.monks-little-details .status-effects .effect-control img { - border-radius: 4px 0px 0px 4px; -} -#token-hud.placeable-hud.monks-little-details .status-effects .effect-control img::before { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: 0px 0px 1px var(--tertiary); - border-radius: 4px 0px 0px 4px; - overflow: hidden; - pointer-events: none; -} -#token-hud.placeable-hud.monks-little-details .status-effects .effect-name { - opacity: unset; - padding-right: 4px; - color: var(--color-text-light-heading); - font-size: var(--font-size-12); -} - -/* ----------------------------------------- */ -/* Monk's hotbar expansion */ -/* ----------------------------------------- */ -#hotbar .action-bar.no-arrows + .bar-controls span.page-number, -#hotbar .hotbar-page .hotbar-page-row .bar-controls span.page-number, -#hotbar .hotbar-page .hotbar-page-row .bar-controls i { - line-height: 52px; -} - -#hotbar .hotbar-page .hotbar-page-row.selected .bar-controls .page-number { - color: var(--tertiary-dark); -} - -[data-tooltip="MonksHotbarExpansion.clear-row"] { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; -} -[data-tooltip="MonksHotbarExpansion.clear-row"]:hover i { - text-shadow: 0 0 8px var(--color-shadow-primary); -} - -.hotbar-page .page-number { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; -} -.hotbar-page .page-number:hover { - text-shadow: 0 0 8px var(--color-shadow-primary); -} - -#hotbar.dorako-ui { - width: 647px; -} -#hotbar.dorako-ui .hotbar-page { - overflow: visible; - gap: 4px; - bottom: 56px; -} -#hotbar.dorako-ui .hotbar-page .macro-list { - gap: 7px; - border: none; -} -#hotbar.dorako-ui .hotbar-page .action-bar { - margin: 0px 5px 0px 3px; -} - -/* ----------------------------------------- */ -/* Custom Hotbar */ -/* ----------------------------------------- */ -:root { - --custom-hotbar-chb-macro-size: 52px; -} - -#ui-bottom #hotbars { - display: flex; - flex-direction: column; - gap: 5px; -} -#ui-bottom #hotbars #hotbar { - position: unset; -} - -@media (max-width: 1120px) { - #custom-hotbar { - width: 354px; - } -} -.dorako-ui#custom-hotbar { - position: static; - height: auto; - margin-bottom: 0px; -} -.dorako-ui#custom-hotbar #custom-action-bar { - margin-left: 3px; -} -.dorako-ui#custom-hotbar #custom-macro-list { - gap: 5px; - border: none; -} -.dorako-ui#custom-hotbar .bar-controls { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - height: auto; -} -.dorako-ui#custom-hotbar .macro { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - border-radius: 3px; -} -.dorako-ui#custom-hotbar .macro.active:hover::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy); - border-radius: 3px; - overflow: hidden; - pointer-events: none; -} -.dorako-ui#custom-hotbar .macro:hover { - background-color: var(--primary-light); -} -.dorako-ui#custom-hotbar .macro.inactive { - box-shadow: var(--glassy); -} -.dorako-ui#custom-hotbar .macro.active:hover { - box-shadow: var(--glassy); - border: none; - background-color: var(--primary); -} -.dorako-ui#custom-hotbar .macro .macro-key { - background: none; - right: 6px; - padding: 0px; - font-weight: initial; - text-shadow: 0px 1px 5px black, 0px 1px 5px black; -} - -/* ----------------------------------------- */ -/* Cautious Gamemaster's Pack (CGMP) */ -/* ----------------------------------------- */ -#chat-log .dorako-ui.dark-theme.message.emote .message-content { - color: unset; -} - -/* ----------------------------------------- */ -/* Macros */ -/* ----------------------------------------- */ -.dorako-ui.window-app .window-content .dialog-content .cond-cont { - background: none; -} - -.dorako-ui.window-app .action-list button.action-btn img { - border-radius: 3px; - box-shadow: var(--gold-and-glow); -} -.dorako-ui.window-app .action-list button:hover { - filter: brightness(1.3); -} -.dorako-ui.window-app .action-list button.glow { - box-shadow: var(--gold-and-glow), var(--glassy); - animation: unset; - filter: brightness(1.1); - color: var(--tertiary); -} - -/* ----------------------------------------- */ -/* Scene Preview */ -/* ----------------------------------------- */ -.navi-preview { - border: none; - margin: 2px; - /* prettier-ignore */ - box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); - border-radius: 5px; -} - -/* ----------------------------------------- */ -/* Token Action HUD (TAH) */ -/* ----------------------------------------- */ -:root { - --dorako-bg-current: var(--glass-bg); - --dorako-vibrancy: var(--frosted-glass); -} - -#tah-categories { - gap: 5px; -} - -#token-action-hud { - gap: 5px; -} - -#tah-expand-hud { - width: 32px; - height: 32px; -} - -#tah-expand-hud, -.tah-title-button { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - color: var(--color-text-light-heading); - padding: 3px 5px 3px 5px; -} -#tah-expand-hud:hover, -.tah-title-button:hover { - color: var(--color-text-light-highlight); -} - -.tah-category.hover button.tah-title-button { - background-color: var(--primary); - color: var(--color-text-light-highlight); -} - -.tah-subtitle { - width: 174px; -} - -.tah-action button { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - color: var(--color-text-light-heading); -} -.tah-action button.toggle { - background-color: var(--secondary-dark); -} -.tah-action button:hover { - color: var(--color-text-light-highlight); -} -.tah-action button.active { - color: white; -} - -/* ----------------------------------------- */ -/* PF2e Dorako UI */ -/* ----------------------------------------- */ -#chat-controls.no-chat-control-icon .chat-control-icon { - display: none; -} -#chat-controls.no-chat-control-icon #dfcp-rt-buttons { - margin-left: 0px !important; -} - -#fps { - position: absolute; - right: 0; - bottom: 0; - width: 60px; -} -#fps label { - display: none; -} - -#ui-bottom.centered { - display: flex; - justify-content: center; -} - -#chat-form { - flex: 0 0 var(--chat-input-height) !important; -} - -#players.dorako-ui h3 { - border: none; -} - -.chat-message .dorako-header { - padding-bottom: 5px; - box-shadow: var(--gold-and-glow); - background: var(--sheet-light); - background-size: cover; -} - -.combat-sidebar li.combatant .token-image { - z-index: 0; -} - -.combat-sidebar li.combatant .token-name { - z-index: 1; -} - -.chat-message .message-content .damage-roll:not(:first-child) { - margin-top: 5px; -} - -.chat-message .flavor-text h4.action { - font-weight: 700; - line-height: 1.5em; - margin: 0; -} -.chat-message .flavor-text .target-dc-result { - line-height: 0.75rem; - margin-bottom: 4px; -} -.chat-message .flavor-text .target-dc-result .target-dc, -.chat-message .flavor-text .target-dc-result .result { - display: block; - margin: 1px 0; - width: fit-content; -} -.chat-message .flavor-text .target-dc-result .unadjusted { - text-decoration: line-through; -} -.chat-message .flavor-text .target-dc-result .adjusted { - text-decoration: underline dotted; -} -.chat-message .flavor-text .target-dc-result .adjusted.increased { - color: rgb(0, 128, 0); -} -.chat-message .flavor-text .target-dc-result .adjusted.decreased { - color: rgb(255, 0, 0); -} -.chat-message .flavor-text .target-dc-result .degree-of-success .criticalSuccess { - color: rgb(0, 128, 0); -} -.chat-message .flavor-text .target-dc-result .degree-of-success .success { - color: rgb(0, 0, 255); -} -.chat-message .flavor-text .target-dc-result .degree-of-success .failure { - color: rgb(255, 69, 0); -} -.chat-message .flavor-text .target-dc-result .degree-of-success .criticalFailure { - color: rgb(255, 0, 0); -} -.chat-message > .message-content .message-buttons { - display: flex; - margin: 0.35em 0 2px; - gap: 3px; -} - -.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .adjusted.increased { - color: #00c000; -} -.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .adjusted.decreased { - color: #ff4040; -} -.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .criticalSuccess { - color: #00c000; -} -.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .success { - color: #4040ff; -} -.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .failure { - color: #ff7440; -} -.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .criticalFailure { - color: #ff4040; -} -.dorako-ui.dark-theme.chat-message > .message-content .message-buttons { - gap: 5px; -} -.dorako-ui.dark-theme.chat-message > .message-content .message-buttons button { - border: none; - border-radius: 3px; - background: none; - background-color: var(--glass-bg); - box-shadow: var(--glassy); - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; - color: var(--color-text-light-heading); - text-shadow: 0px 0px 3px black; -} -.dorako-ui.dark-theme.chat-message > .message-content .message-buttons button:hover { - background-color: var(--primary); - color: var(--color-text-light-highlight); -} -.dorako-ui.dark-theme.chat-message > .message-content .message-buttons button.critical-success:hover { - background-color: var(--primary-light); - color: white; -} - -.chat-message > .message-header { - margin-bottom: 0px; -} - -.dorako-damage-roll .flavor-text > *:nth-child(-n+3) { - display: none; -} - -.frosted-glass #hotbar .bar-controls, -.frosted-glass #hotbar .macro, -.frosted-glass nav#navigation ol#scene-list li.nav-item, -.frosted-glass nav#controls ol.control-tools li.control-tool, -.frosted-glass nav#controls ol.control-tools li.scene-control, -.frosted-glass #tah-expand-hud, -.frosted-glass .tah-title-button, -.frosted-glass .tah-action button, -.frosted-glass #tokenbar .token, -.frosted-glass #tokenbar .bar-controls, -.frosted-glass #players, -.frosted-glass nav#navigation #nav-toggle, -.frosted-glass #fps, -.frosted-glass .app { - backdrop-filter: var(--frosted-glass); -} -.frosted-glass #navigation, -.frosted-glass .control-tools { - backdrop-filter: unset; -} - -/*# sourceMappingURL=module-support.css.map */ diff --git a/styles/module-support.css.map b/styles/module-support.css.map deleted file mode 100644 index cb408d5..0000000 --- a/styles/module-support.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../sass/_colors.scss","../sass/module-support.scss","../sass/_mixins.scss"],"names":[],"mappings":"AAEA;AACA;AACA;AAEA;AAOA;AAEoC;AACD;AAEL;AAO9B;AAMA;AAGA;AACA;AACA;AAEA;AAOA;AAMA;AAMA;AAIA;AACA;AACA;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;;;ACjIF;AACA;AACA;AAEA;EACE;EACA;;;AAGF;AAAA;ECZE;EACA;EACA;EACA;EACA;EDWA;;;AAGF;AAAA;EClBE;EACA;EACA;EACA;EACA;;;ADmBF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;;;AAGF;EACE;;AAEA;ECzCA;EACA;EACA;EACA;EACA;EAKA;EDmCE;EACA;;AAEA;EACE;EACA;;;AAKN;AAAA;ECtDE;EACA;EACA;EACA;EACA;;;ADuDF;EC3DE;EACA;EACA;EACA;EACA;EDyDA;;;AAGF;AACA;AACA;AAGE;EAEE;EACA;EACA;;;AAKF;EACE;;AAGF;EACE;EACA;EACA;;AACA;EACE;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;AAAA;AAAA;EAEE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EC/HE;EATA;EACA;EACA;EACA;EACA;EDuIA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;;AAEA;EC1JA;EACA;EACA;EACA;EACA;EAKA;EDoJE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAKN;EACE;;;AAGF;AACA;AACA;AAEA;EACE;;AACA;EACE;;AAGF;EC1LA;EACA;EACA;EACA;EACA;EDwLE;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;;AAKN;AACA;AACA;AAEA;EC5ME;EACA;EACA;EACA;EACA;ED0MA;EACA;;;AAGF;EACE;;;AAGF;ECvME;EACA;AACA;EACA,YACE;EAgBF;EACA;EDoLA;EACA;;;AAGF;AACA;AACA;AAGA;EACE;;;AAGF;AACA;AACA;AAEA;EACE;;;AAGF;EC7OE;EACA;EACA;EACA;EACA;ED2OA;EACA;EACA;EACA;;;AAGF;EACE;;AACA;EACE;;;AAIJ;AACA;AACA;AACA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AACA;AACA;AAEA;EACE;;;AAGF;EAEE;EACA;EACA;EACA;EACA;;;AAIA;EACE;;;AAKF;EACE;;AAGF;EC/SA;EACA;EACA;EACA;EACA;EAKA;EDySE;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAEA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAKF;ECtVJ;EACA;EACA;EACA;EACA;EAKA;EDgVM;EACA;EACA;;AAEA;EACE;EACA;;AAMR;EACE;;;AAMJ;EAEE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;AACA;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EC9ZA;EACA;EACA;EACA;EACA;EAKA;EDwZE;EACA;EACA;;AAEA;ECraF;EACA;EACA;EACA;EACA;EDmaI;EACA;;AAGF;EC3aF;EACA;EACA;EACA;EACA;EDyaI;EACA;;AAIJ;EClbA;EACA;EACA;EACA;EACA;EAKA;ED4aE;EACA;EACA;;AAEA;EACE;;AACA;EACE;;AAIJ;EChcF;EACA;EACA;EACA;EACA;EDmcI;EACA;;AAEA;EACE;;AACA;EACE;;AAKR;EACE;EACA;EACA;;AAEF;EACE;;;AAIJ;AACA;AACA;AAEA;EACE;EACA;EACA;EACA;;AAEA;EC7dA;ED+dE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKN;AACA;AACA;AACA;EACE;;;AAGF;EACE;;AAEA;ECjgBA;EATA;EACA;EACA;EACA;EACA;;ADygBE;EACE;EACA;;AAEE;EACE;EACA;EACA;EACA;;;AAOV;AACA;AACA;AAEA;EACE;EACA;;;AAGF;ECthBE;EACA;AACA;EACA,YACE;EAgBF;EACA;EDmgBA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;AACA;AACA;AAEA;ECvjBE;EACA;EACA;EACA;EACA;;ADqjBA;ECzjBA;EACA;EACA;EACA;EACA;EDujBE;;AAEF;EC7jBA;EACA;EACA;EACA;EACA;EAKA;EDujBE;;AAEA;EACE;;AAIJ;ECvkBA;EACA;EACA;EACA;EACA;EAKA;EDikBE;EACA;;AACA;EC5kBF;EACA;EACA;EACA;EACA;ED2kBI;;;AAKN;AACA;AACA;AAEA;EACE;;;AAGF;AACA;AACA;AAEA;EACE;;;AAGF;AACA;AACA;AACA;EACE;;AAEA;EACE;EACA;;AAGF;EC/mBA;EACA;EACA;EACA;EACA;;AD6mBE;ECjnBF;EACA;EACA;EACA;EACA;ED+mBI;EACA;;AAGJ;ECvnBA;EACA;EACA;EACA;EACA;EAKA;EDknBE;;AAEA;EACE;EACA;;AAEF;EACE;;AACA;EAEE;EACA;;AAIJ;EACE;EACA;;AAEF;EC9oBF;EACA;EACA;EACA;EACA;ED4oBI;;;AAKN;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;ECppBE;EDypBA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAME;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;;AAGF;EC1sBF;EACA;EACA;EACA;EACA;EAKA;EDosBI;EACA;EACA;EAEA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAKN;EACE;EACA;;AAGF;EACE;;AAIA;EACE;;AAEF;EACE;;AAEA;EACE;;AACA;EC/uBN;EACA;EACA;EACA;EACA;EAKA;EDyuBQ;EACA;;AAEA;EACE;EACA;;;AAOZ;AACA;AACA;AAEA;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAEA;EC5xBJ;ED8xBM;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;;AAIJ;AACA;AACA;AAEA;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;ECl0BE;;ADq0BE;EACE;;;AAKN;EC30BE;;AD60BA;EACE;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAKN;AACA;AACA;AACA;EACE;;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;IACE;;;AAKF;EACE;EACA;EACA;;AAEF;EACE;;AAGF;EACE;EACA;;AAGF;ECr5BA;EACA;EACA;EACA;EACA;EDm5BE;;AAGF;EC15BA;EACA;EACA;EACA;EACA;EAKA;EDo5BE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAKN;AACA;AACA;AACA;EAEE;;;AAIF;AACA;AACA;AAGA;EACE;;;AAKA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;;;AAIJ;AACA;AACA;AAEA;ECl9BE;EACA;AACA;EACA,YACE;EDg9BF;;;AAGF;AACA;AACA;AACA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EC3/BE;ED8/BA;EACA;;AACA;AAAA;EACE;;;AAKF;EACE;EACA;;;AAIJ;EACE;;;AAGF;EChhCE;EDkhCA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIJ;AACA;AACA;AAGE;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKE;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AACA;EACE,OD1kCgB;;AC4kClB;EACE,OD1kCgB;;AC+kClB;EACE,ODnlCgB;;ACqlClB;EACE,ODrlCO;;ACulCT;EACE,ODvlCO;;ACylCT;EACE,ODzlCgB;;AC+lCxB;EACE;EACA;EACA;;;AAQI;EAGE;;AAEF;EAGE;;AAKF;EAGE;;AAEF;EAGE;;AAEF;EAGE;;AAEF;EAGE;;AAKR;EACE;;AAEA;ECvsCF;EACA;EACA;EACA;EACA;EAKA;EDisCI;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAMR;EACE;;;AAGF;EACE;;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAcE;;AAEF;AAAA;EAEE","file":"module-support.css"} \ No newline at end of file diff --git a/styles/module/filepicker-plus.css.map b/styles/module/filepicker-plus.css.map new file mode 100644 index 0000000..dffec0b --- /dev/null +++ b/styles/module/filepicker-plus.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"filepicker-plus.css"} \ No newline at end of file diff --git a/styles/no-chat-control-icon.css.map b/styles/no-chat-control-icon.css.map deleted file mode 100644 index e3350fb..0000000 --- a/styles/no-chat-control-icon.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../sass/no-chat-control-icon.scss"],"names":[],"mappings":"AAAA;EACI;;;AAGJ;EACI","file":"no-chat-control-icon.css"} \ No newline at end of file diff --git a/styles/npc-sheet copy.css.map b/styles/npc-sheet copy.css.map deleted file mode 100644 index d794154..0000000 --- a/styles/npc-sheet copy.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../sass/npc-sheet%20copy.scss","../sass/_mixins.scss"],"names":[],"mappings":"AAGE;EACE;;AAIA;EACE;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AACA;EACE;;AAKN;EACE;EACA;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;AAIJ;AAAA;EAEE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAMR;EACE;EACA;EACA;;;AAKA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;;AAIJ;AAEA;EC/QE;EACA;EACA;EACA;EACA;ED6QA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;;;AAIF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA","file":"npc-sheet%20copy.css"} \ No newline at end of file diff --git a/styles/npc-sheet.css.map b/styles/npc-sheet.css.map deleted file mode 100644 index 014f248..0000000 --- a/styles/npc-sheet.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../sass/npc-sheet.scss","../sass/_mixins.scss"],"names":[],"mappings":"AAGE;EACE;;AAIA;EACE;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AACA;EACE;;AAKN;EACE;EACA;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;AAIJ;AAAA;EAEE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAMR;EACE;EACA;EACA;;;AAKA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;;AAIJ;AAEA;EC9QE;EACA;EACA;EACA;EACA;ED4QA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;;;AAIF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA","file":"npc-sheet.css"} \ No newline at end of file diff --git a/styles/reset.css b/styles/reset.css deleted file mode 100644 index 138c42f..0000000 --- a/styles/reset.css +++ /dev/null @@ -1,50 +0,0 @@ -h3 { - border-bottom: none; -} - -button > i { - margin-right: 0; -} - -img { - border: none; - border-radius: 0px; -} - -input:disabled { - border-radius: 2px; -} - -/* ----------------------------------------- */ -/* Overwrite Foundry colors */ -/* ----------------------------------------- */ -.dorako-ui { - --color-border-highlight: var(--tertiary); - --color-border-highlight-alt: var(--tertiary-dark); - --color-shadow-primary: var(--primary-light); - --color-shadow-highlight: var(--primary-light); - --sheet: var(--sheet-light); - --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:gray;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - --ornamentation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1%7Bstroke:%23231f20;stroke-miterlimit:10%7D.st1,.st2%7Bfill:none%7D%3C/style%3E%3Cg opacity='.25'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cg%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zM3.6 3.6h3.1v3.1H3.6zM6.8 3.6h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zM3.6 6.8H.5V13M13 .5H6.8v3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4.5h3.1v3.1h-3.1zM26.3 3.6h3.1v3.1h-3.1zM26.3 6.8h3.1v3.1h-3.1zM23.1 3.6h3.1v3.1h-3.1zM26.3 3.6V.5H20'/%3E%3Cpath class='st1' d='M32.5 13V6.8h-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zM23.1 26.3h3.1v3.1h-3.1zM26.3 23.1h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zM3.6 26.3h3.1v3.1H3.6zM3.6 23.1h3.1v3.1H3.6zM6.8 26.3h3.1v3.1H6.8z'/%3E%3Cpath class='st1' d='M6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - --half-transparent: rgba(0, 0, 0, 0.5); -} -.dorako-ui *::-webkit-scrollbar-thumb { - background: var(--tertiary); - border: 1px solid var(--gold-brown); -} -.dorako-ui a, -.dorako-ui button { - transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out; -} - -.dorako-ui.dark-theme { - --color-shadow-primary: var(--tertiary-dark); - --color-shadow-highlight: var(--tertiary); - --sheet: var(--sheet-dark); - --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:wheat;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - --body: var(--text-light); - --bg: var(--glass-bg-dark); - --half-transparent: rgba(255, 255, 255, 0.5); -} - -/*# sourceMappingURL=reset.css.map */ diff --git a/styles/reset.css.map b/styles/reset.css.map deleted file mode 100644 index 49f3662..0000000 --- a/styles/reset.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../sass/reset.scss","../sass/_mixins.scss"],"names":[],"mappings":"AAEA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;AACA;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EC5BA;;;ADkCF;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"reset.css"} \ No newline at end of file