You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
12163 lines
588 KiB
12163 lines
588 KiB
@charset "UTF-8";
|
|
/* --------------------------------------------------------- */
|
|
/* The original styling has been overruled by system changes */
|
|
/* --------------------------------------------------------- */
|
|
.pf2e-av .journal-page-content a.inline-check > i.icon,
|
|
.pf2e-av .journal-page-content span[data-pf2-check] > i.icon,
|
|
.pf2e-av .journal-page-content [data-pf2-repost] .label,
|
|
.pf2e-av .journal-page-content [data-pf2-check] .label,
|
|
.pf2e-av .journal-page-content [data-pf2-check]:not([data-pf2-show-dc=gm]) .label {
|
|
color: var(--av-green-light);
|
|
}
|
|
|
|
#hand-mini-bar-hands-container .hand-mini-bar-hand {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
border-radius: 5px;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-settings-hand {
|
|
background-position-x: 2px;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-card-container {
|
|
background-color: unset;
|
|
border: unset;
|
|
min-width: 152px;
|
|
max-width: 152px;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-settings > div,
|
|
#hand-mini-bar-hands-container .hand-mini-bar-actions > div {
|
|
box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset;
|
|
text-align: center;
|
|
border: none;
|
|
text-shadow: 0px 0px 3px black;
|
|
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 0.15s, outline 0.15s;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-settings > div:hover,
|
|
#hand-mini-bar-hands-container .hand-mini-bar-actions > div:hover {
|
|
background-color: var(--primary);
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-settings {
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
border-right: 1px solid black;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-settings div:first-child {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-actions {
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
border-left: 1px solid black;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-actions div:first-child {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-pass:before {
|
|
font-size: 18px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Cautious Gamemaster's Pack (CGMP) */
|
|
/* ----------------------------------------- */
|
|
/* ----------------------------------------- */
|
|
/* Combat Carousel */
|
|
/* ----------------------------------------- */
|
|
#controls ol li.scene-control[data-control=combat-carousel] {
|
|
position: relative;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Custom Hotbar */
|
|
/* ----------------------------------------- */
|
|
:root {
|
|
--custom-hotbar-chb-macro-size: calc(var(--macro-size) + 2px);
|
|
}
|
|
|
|
#ui-bottom #hotbars {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
}
|
|
#ui-bottom #hotbars #hotbar {
|
|
position: unset;
|
|
}
|
|
|
|
@media (max-width: 1120px) {
|
|
#custom-hotbar {
|
|
width: 354px;
|
|
}
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* 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, border-radius 0.15s, outline 0.15s;
|
|
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;
|
|
}
|
|
|
|
#damage-log {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.dorako-ui {
|
|
/* Styling for damage messages */
|
|
/* Styling for healing messages */
|
|
/* Dim reverted damage */
|
|
/* Dim reverted healing */
|
|
}
|
|
.dorako-ui.message.damage-log.damage {
|
|
background-color: #ffd9d9;
|
|
background-blend-mode: luminosity;
|
|
}
|
|
.dorako-ui.message.damage-log.healing {
|
|
background-color: #d9ffd9;
|
|
background-blend-mode: luminosity;
|
|
}
|
|
.dorako-ui.message.damage-log.reverted.damage {
|
|
background-color: #ffeaea;
|
|
background-blend-mode: luminosity;
|
|
}
|
|
.dorako-ui.message.damage-log.reverted.healing {
|
|
background-color: #eaffea;
|
|
background-blend-mode: luminosity;
|
|
}
|
|
|
|
[data-theme][data-color-scheme=dark] .dalvyn-journal:not(.premium) {
|
|
--red: var(--primary-light);
|
|
--blue: var(--secondary-light);
|
|
--brown: #ad6f59;
|
|
}
|
|
[data-theme][data-color-scheme=dark].sheet.journal-entry .journal-entry-page :is(h1, h2, h3, h4, h5) {
|
|
text-shadow: 0px 1px 1px black;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* DFCE Rolltype Buttons */
|
|
/* ----------------------------------------- */
|
|
#chat-controls {
|
|
padding: 0px;
|
|
gap: var(--sidebar-gap);
|
|
align-items: center;
|
|
}
|
|
#chat-controls .buttons {
|
|
gap: var(--sidebar-gap);
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
#dorako-rt-buttons {
|
|
flex: 1 0 170px;
|
|
}
|
|
|
|
#dorako-nonrt-buttons {
|
|
flex: 1 1 30px !important;
|
|
}
|
|
#dorako-nonrt-buttons:empty {
|
|
display: none;
|
|
}
|
|
#dorako-nonrt-buttons > button {
|
|
flex: 1 1 32px;
|
|
}
|
|
|
|
[data-theme] #dorako-rt-buttons button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme] #dorako-rt-buttons button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] #dorako-rt-buttons button.view, [data-theme] #dorako-rt-buttons button.selected, [data-theme] #dorako-rt-buttons button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] #dorako-rt-buttons button.empty, [data-theme] #dorako-rt-buttons button.disabled, [data-theme] #dorako-rt-buttons button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme] #dorako-rt-buttons button.active {
|
|
background-color: var(--color-primary-2);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--app-border-color);
|
|
}
|
|
[data-theme] #dorako-nonrt-buttons button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme] #dorako-nonrt-buttons button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] #dorako-nonrt-buttons button.view, [data-theme] #dorako-nonrt-buttons button.selected, [data-theme] #dorako-nonrt-buttons button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] #dorako-nonrt-buttons button.empty, [data-theme] #dorako-nonrt-buttons button.disabled, [data-theme] #dorako-nonrt-buttons button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* DFCE Chat Merge */
|
|
/* ----------------------------------------- */
|
|
.message.chat-message .message-delete {
|
|
z-index: 1;
|
|
}
|
|
.message.chat-message.dfce-cm-top {
|
|
border-bottom-style: none;
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.message.chat-message.dfce-cm-middle, .message.chat-message.dfce-cm-bottom {
|
|
position: relative;
|
|
border-radius: 0px;
|
|
margin-top: 0px !important;
|
|
}
|
|
.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 !important;
|
|
box-shadow: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
.message.chat-message.dfce-cm-middle:not(:hover).header-meta, .message.chat-message.dfce-cm-bottom:not(:hover).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;
|
|
padding-top: 0px;
|
|
border-radius: 0px 0px 5px 5px;
|
|
}
|
|
|
|
.dfce-cm-middle .dorako-header,
|
|
.dfce-cm-bottom .dorako-header {
|
|
display: none;
|
|
}
|
|
.dfce-cm-middle:hover .dorako-header,
|
|
.dfce-cm-bottom:hover .dorako-header {
|
|
display: block;
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 3px;
|
|
width: fit-content;
|
|
background: none !important;
|
|
box-shadow: none !important;
|
|
z-index: 1;
|
|
}
|
|
.dfce-cm-middle:hover .dorako-header .portrait-and-name,
|
|
.dfce-cm-bottom:hover .dorako-header .portrait-and-name {
|
|
display: none !important;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Dice Tray */
|
|
/* ----------------------------------------- */
|
|
[data-theme] .dice-tray {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--sidebar-gap);
|
|
}
|
|
[data-theme] .dice-tray > * {
|
|
margin: 0 var(--sidebar-margin);
|
|
}
|
|
[data-theme] .dice-tray .flexrow {
|
|
gap: var(--sidebar-gap);
|
|
}
|
|
[data-theme] .dice-tray .dice-tray__stacked button:first-child {
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
}
|
|
[data-theme] .dice-tray .dice-tray__stacked button:last-child {
|
|
border-top-left-radius: 0px;
|
|
border-top-right-radius: 0px;
|
|
}
|
|
[data-theme] .dice-tray button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme] .dice-tray button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .dice-tray button.view, [data-theme] .dice-tray button.selected, [data-theme] .dice-tray button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] .dice-tray button.empty, [data-theme] .dice-tray button.disabled, [data-theme] .dice-tray button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme] .dice-tray button div.dice {
|
|
background-color: var(--text-color-3);
|
|
}
|
|
[data-theme] .dice-tray button:hover div.dice {
|
|
background-color: var(--text-color-1);
|
|
}
|
|
[data-theme] .dice-tray .dice-tray__buttons {
|
|
height: 32px;
|
|
}
|
|
[data-theme] .dice-tray .dice-tray__buttons button {
|
|
width: auto;
|
|
}
|
|
[data-theme] .dice-tray .dice-tray__buttons button > svg {
|
|
margin: 0px -10px;
|
|
filter: drop-shadow(0px 1px 2px black);
|
|
}
|
|
[data-theme] .dice-tray .dice-tray__buttons button > svg * {
|
|
fill: var(--text-color-3);
|
|
}
|
|
[data-theme] .dice-tray .dice-tray__buttons button.dice-tray__advantage:hover svg, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__disadvantage:hover svg, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__roll:hover svg, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__math--add:hover svg, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__math--sub:hover svg, [data-theme] .dice-tray .dice-tray__buttons button:hover svg {
|
|
filter: drop-shadow(0px 1px 2px black);
|
|
}
|
|
[data-theme] .dice-tray .dice-tray__buttons button.dice-tray__advantage:hover svg *, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__disadvantage:hover svg *, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__roll:hover svg *, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__math--add:hover svg *, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__math--sub:hover svg *, [data-theme] .dice-tray .dice-tray__buttons button:hover svg * {
|
|
fill: var(--text-color-1);
|
|
}
|
|
[data-theme] .dice-tray input[type=text] {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
height: auto !important;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-theme] .dice-tray input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme] .dice-tray input[type=text]:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .dice-tray input[type=text].disabled, [data-theme] .dice-tray input[type=text]:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme] .dice-tray input[type=text].disabled::placeholder, [data-theme] .dice-tray input[type=text]:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme] .dice-tray input[type=text]::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme] .dice-tray input[type=text][type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* 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-radius 0.15s, outline 0.15s;
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
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;
|
|
}
|
|
|
|
[data-theme] .implement-button-region {
|
|
gap: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
[data-theme] .implement-button-region button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme] .implement-button-region button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .implement-button-region button.view, [data-theme] .implement-button-region button.selected, [data-theme] .implement-button-region button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] .implement-button-region button.empty, [data-theme] .implement-button-region button.disabled, [data-theme] .implement-button-region button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme] .actions-panel > fieldset {
|
|
border: 1px solid var(--fieldset-border-color) !important;
|
|
background-color: var(--fieldset-background-color);
|
|
font-family: var(--font-primary);
|
|
}
|
|
[data-theme] .actions-panel > fieldset > legend {
|
|
color: var(--fieldset-legend-color);
|
|
}
|
|
[data-theme] .actions-panel > fieldset button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme] .actions-panel > fieldset button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .actions-panel > fieldset button.view, [data-theme] .actions-panel > fieldset button.selected, [data-theme] .actions-panel > fieldset button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] .actions-panel > fieldset button.empty, [data-theme] .actions-panel > fieldset button.disabled, [data-theme] .actions-panel > fieldset button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme] .dropboxes > .dropbox > span {
|
|
border: unset !important;
|
|
}
|
|
[data-theme] .dropboxes > .dropbox > span > img {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
border: 1px solid var(--icon-border-color);
|
|
}
|
|
[data-theme] img[src$="chosen-implement.webp"] {
|
|
background: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
[data-theme][data-color-scheme=dark] img[src$="chosen-implement.webp"] {
|
|
filter: invert(1);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Ripper's Filepicker+ */
|
|
/* ----------------------------------------- */
|
|
.filepicker-plus-tooltip {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
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);
|
|
}
|
|
|
|
[data-theme]#forien-quest-log nav.tabs, [data-theme].window-app.forien-quest-preview nav.tabs {
|
|
background: unset;
|
|
}
|
|
[data-theme]#forien-quest-log nav.tabs .item.active, [data-theme]#forien-quest-log nav.tabs .item.active:hover, [data-theme].window-app.forien-quest-preview nav.tabs .item.active, [data-theme].window-app.forien-quest-preview nav.tabs .item.active:hover {
|
|
font-weight: unset;
|
|
color: var(--text-color-1);
|
|
text-shadow: 0px 1px 2px black;
|
|
}
|
|
[data-theme]#forien-quest-log nav.tabs .item:hover, [data-theme].window-app.forien-quest-preview nav.tabs .item:hover {
|
|
text-shadow: 0px 1px 2px black;
|
|
}
|
|
[data-theme]#forien-quest-log .quest-log.bookmarks nav.log-tabs .item {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--app-background) !important;
|
|
border-radius: var(--border-radius) 0 0 var(--border-radius);
|
|
border-right: 1px solid transparent;
|
|
margin: 0 6px 8px;
|
|
}
|
|
[data-theme]#forien-quest-log .quest-log.bookmarks nav.log-tabs .item:hover, [data-theme]#forien-quest-log .quest-log.bookmarks nav.log-tabs .item.active {
|
|
font-weight: unset;
|
|
border-right: 1px solid transparent;
|
|
border-color: var(--color-primary-1);
|
|
background: var(--color-primary-2) !important;
|
|
color: var(--text-color-1);
|
|
}
|
|
[data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash:not(.disabled, :disabled):hover, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos:not(.disabled, :disabled):hover, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash.view, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash.selected, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash.active, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos.view, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos.selected, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos.active, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver.view, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver.selected, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash.empty, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash.disabled, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash:disabled, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos.empty, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos.disabled, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos:disabled, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver.empty, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver.disabled, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme]#forien-quest-log .editor, [data-theme].window-app.forien-quest-preview .editor {
|
|
background: var(--color-secondary-4);
|
|
border: 1px solid var(--color-secondary-3);
|
|
}
|
|
[data-theme]#forien-quest-log .editor .editor-content, [data-theme].window-app.forien-quest-preview .editor .editor-content {
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme]#forien-quest-log .editor .tox.tox-tinymce, [data-theme].window-app.forien-quest-preview .editor .tox.tox-tinymce {
|
|
background: white;
|
|
}
|
|
[data-theme]#forien-quest-log .quest-log .table ul li.drag-quest, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .drop-info, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .drop-info, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-setup section, [data-theme].window-app.forien-quest-preview .quest-body .management .subquests .subquests-box li, [data-theme].window-app.forien-quest-preview .quest-body .quest-info .quest-col-right .quest-rewards ul li, [data-theme].window-app.forien-quest-preview .quest-body .quest-info .quest-col-right .quest-tasks ul li {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
border-color: var(--scrollbar-thumb-border-color);
|
|
background: var(--color-primary-3);
|
|
}
|
|
[data-theme]#forien-quest-log .actions i, [data-theme].window-app.forien-quest-preview .actions i {
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme]#forien-quest-log .actions i:hover, [data-theme].window-app.forien-quest-preview .actions i:hover {
|
|
color: var(--color-primary-1);
|
|
}
|
|
|
|
.clock-panel {
|
|
z-index: 1;
|
|
right: 5px;
|
|
}
|
|
.clock-panel .clock-entry {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
.clock-panel .clock-entry .clock {
|
|
background: conic-gradient(var(--secondary-light) var(--filled-ratio), white var(--filled-ratio) 1turn);
|
|
}
|
|
.clock-panel [data-action=add-clock] {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
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 0.15s, outline 0.15s;
|
|
margin: unset;
|
|
}
|
|
.clock-panel [data-action=add-clock]:hover {
|
|
background-color: var(--primary);
|
|
}
|
|
|
|
.clock-panel.bottom {
|
|
bottom: 5px;
|
|
}
|
|
|
|
.item-piles-player-list-trade-button {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
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 0.15s, outline 0.15s;
|
|
background-color: var(--glass-bg-light);
|
|
}
|
|
.item-piles-player-list-trade-button:hover {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
|
|
.item-piles-img-container {
|
|
border: none;
|
|
margin: 2px;
|
|
/* prettier-ignore */
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
|
|
border-radius: 3px;
|
|
margin: 3px;
|
|
}
|
|
|
|
.item-piles-app {
|
|
--item-piles-even-color: #7a79717a;
|
|
--item-piles-shadow-primary: var(--color-shadow-primary);
|
|
}
|
|
|
|
.dorako-ui.dark-theme {
|
|
--color-text-dark-secondary: #a9a798;
|
|
--item-piles-minor-inactive: rgb(15, 15, 15);
|
|
--item-piles-text-light-highlight: rgb(70, 70, 70);
|
|
}
|
|
.dorako-ui.dark-theme .item.active.underscore.item-piles-flexrow.item-piles-clickable-link {
|
|
border-bottom: 2px solid var(--tertiary-dark);
|
|
}
|
|
|
|
[data-theme] {
|
|
--item-piles-minor-inactive: var(--color-primary-3);
|
|
--item-piles-even-color: color-mix(in srgb, var(--color-secondary-3) 20%, transparent);
|
|
--item-piles-border-light-primary: var(--color-secondary-3);
|
|
}
|
|
[data-theme] .item-piles-chat-card li img,
|
|
[data-theme] .item-piles-img-container {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
border: 1px solid;
|
|
border-color: var(--icon-border-color);
|
|
}
|
|
[data-theme] .item-piles-player-list-trade-button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme] .item-piles-player-list-trade-button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .item-piles-player-list-trade-button.view, [data-theme] .item-piles-player-list-trade-button.selected, [data-theme] .item-piles-player-list-trade-button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] .item-piles-player-list-trade-button.empty, [data-theme] .item-piles-player-list-trade-button.disabled, [data-theme] .item-piles-player-list-trade-button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme] .item-piles-config-container nav {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
[data-theme][data-color-scheme=dark] {
|
|
--item-piles-border-light-primary: rgba(255, 255, 255, 0.2);
|
|
--item-piles-text-light-highlight: rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* 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);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Condition Manager */
|
|
/* ----------------------------------------- */
|
|
.window-app[data-theme] .window-content .dialog-content .cond-cont {
|
|
background: none;
|
|
}
|
|
.window-app[data-theme] .window-content .dialog-content .cond-cont .cond-butt-set {
|
|
display: flex;
|
|
}
|
|
.window-app[data-theme] .window-content .dialog-content .cond-cont button {
|
|
box-shadow: unset;
|
|
}
|
|
.window-app[data-theme] .window-content .dialog-content .cond-cont .cond-buttons,
|
|
.window-app[data-theme] .window-content .dialog-content .cond-cont .cond-buttons:focus {
|
|
width: 100%;
|
|
}
|
|
.window-app[data-theme] .window-content .dialog-content .cond-cont .cond-buttons-small,
|
|
.window-app[data-theme] .window-content .dialog-content .cond-cont .cond-buttons-small:focus {
|
|
width: 13%;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Basic Action Macros (BAM) */
|
|
/* ----------------------------------------- */
|
|
[data-theme] .action-list button {
|
|
--button-text-color: white !important;
|
|
}
|
|
[data-theme] .action-list button img {
|
|
border: 1px solid var(--icon-border-color);
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-theme] .action-list button:hover {
|
|
text-shadow: 0px 1px 2px black;
|
|
}
|
|
[data-theme] .action-list button.glow {
|
|
filter: brightness(1.1);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Dice Stats */
|
|
/* ----------------------------------------- */
|
|
/* ----------------------------------------- */
|
|
/* Pin Cushion */
|
|
/* ----------------------------------------- */
|
|
.pin-cushion-hud-tooltip-default {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
backdrop-filter: blur(5px);
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
|
|
#powerTip:before {
|
|
color: var(--glass-bg);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Illandril's Token Tooltips */
|
|
/* ----------------------------------------- */
|
|
.illandril-token-tooltips--tooltip {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
backdrop-filter: blur(5px);
|
|
text-shadow: 0px 0px 3px black;
|
|
color: var(--color-text-light-highlight);
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.illandril-token-tooltips--tooltip .illandril-token-tooltips--name {
|
|
color: var(--color-text-light-highlight);
|
|
font-family: var(--font-primary);
|
|
font-size: 1.25rem;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Heartbeat */
|
|
/* ----------------------------------------- */
|
|
button#heartbeat-button {
|
|
box-shadow: unset;
|
|
}
|
|
|
|
#module-credits-copy-export {
|
|
background: none !important;
|
|
}
|
|
|
|
[data-theme]#module-management .package-list .package .package-overview .tag.expand {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme]#module-management .package-list .package .package-overview .tag.expand:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#module-management .package-list .package .package-overview .tag.expand.view, [data-theme]#module-management .package-list .package .package-overview .tag.expand.selected, [data-theme]#module-management .package-list .package .package-overview .tag.expand.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme]#module-management .package-list .package .package-overview .tag.expand.empty, [data-theme]#module-management .package-list .package .package-overview .tag.expand.disabled, [data-theme]#module-management .package-list .package .package-overview .tag.expand:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme] .package-list .package .tag {
|
|
background: var(--color-secondary-4);
|
|
border: 1px solid var(--color-secondary-3);
|
|
color: var(--text-color-2);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* 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: var(--border-radius);
|
|
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: var(--border-radius);
|
|
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: var(--border-radius);
|
|
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 0.15s, outline 0.15s;
|
|
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: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
|
|
.monarch-hand .tooltip {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
backdrop-filter: blur(5px);
|
|
}
|
|
|
|
.window-app.monarch.trans {
|
|
box-shadow: unset;
|
|
backdrop-filter: unset;
|
|
}
|
|
|
|
[data-theme].window-app.monarch-hand .window-header, [data-theme].monarch-hand footer.sheet-footer, [data-theme].monarch-hand footer.sheet-footer button, [data-theme].monarch .card-hud .badge, [data-theme].monarch .card-hud .card-controls, [data-theme].monarch-hand .tooltip {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* General?? */
|
|
/* ----------------------------------------- */
|
|
[data-theme].monks-active-tiles.sheet .items-list .item-header {
|
|
border: none;
|
|
background: none;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Monk's Common Display */
|
|
/* ----------------------------------------- */
|
|
#common-display-toolbar.dorako-ui {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
#common-display-toolbar.dorako-ui .move-handle {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
border-radius: 5px 0px 0px 5px;
|
|
}
|
|
#common-display-toolbar.dorako-ui .common-display-button.small {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
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 0.15s, outline 0.15s;
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
#common-display-toolbar.dorako-ui .common-display-button.small:hover {
|
|
background-color: var(--primary);
|
|
}
|
|
#common-display-toolbar.dorako-ui .common-display-button.toggle {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
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 0.15s, outline 0.15s;
|
|
background-color: var(--secondary-dark);
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
#common-display-toolbar.dorako-ui .common-display-button.toggle:hover, #common-display-toolbar.dorako-ui .common-display-button.toggle.active {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
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 tokenbar */
|
|
/* ----------------------------------------- */
|
|
#tokenbar[data-theme=dorako-ui] {
|
|
gap: 3px;
|
|
}
|
|
#tokenbar[data-theme=dorako-ui] .token-list {
|
|
gap: 5px;
|
|
border: none;
|
|
}
|
|
#tokenbar[data-theme=dorako-ui] .bar-controls {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
#tokenbar[data-theme=dorako-ui] .bar-controls div#tokenbar-move-handle {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
border-radius: 5px 0px 0px 5px;
|
|
margin-right: 2px;
|
|
}
|
|
#tokenbar[data-theme=dorako-ui] .token {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
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 0.15s, outline 0.15s;
|
|
flex: 0 0 52px;
|
|
}
|
|
#tokenbar[data-theme=dorako-ui] .token .token-stats {
|
|
background: none;
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
#tokenbar[data-theme=dorako-ui] .token:hover {
|
|
background-color: var(--primary);
|
|
}
|
|
#tokenbar[data-theme=dorako-ui] .token:hover .token-icon {
|
|
box-shadow: none;
|
|
filter: drop-shadow(0px 0px 5px var(--tertiary));
|
|
}
|
|
#tokenbar[data-theme=dorako-ui] .token .token-icon {
|
|
box-shadow: none;
|
|
border-radius: 3px;
|
|
}
|
|
#tokenbar[data-theme=dorako-ui] .token .tooltip {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
backdrop-filter: blur(5px);
|
|
-webkit-backdrop-filter: blur(5px);
|
|
}
|
|
#tokenbar[data-theme=dorako-ui] .monks-tokenbar.chat-card .card-header h3:hover {
|
|
text-shadow: unset;
|
|
}
|
|
#tokenbar[data-theme=dorako-ui] .monks-tokenbar .sheet .items-list .items-header {
|
|
border: none;
|
|
}
|
|
#tokenbar[data-theme=dorako-ui] .bar-controls .tokenbar-buttons div.active:not(.disabled) i, #tokenbar[data-theme=dorako-ui][movement=free] #movement-free:not(.disabled) i, #tokenbar[data-theme=dorako-ui][movement=none] #movement-none:not(.disabled) i, #tokenbar[data-theme=dorako-ui][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-radius 0.15s, outline 0.15s;
|
|
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[data-theme=dorako-ui]:not(.hidectrl) .bar-controls .tokenbar-buttons div.active:not(.disabled):hover i, #tokenbar[data-theme=dorako-ui][movement=free]:not(.hidectrl) #movement-free:not(.disabled):hover i, #tokenbar[data-theme=dorako-ui][movement=none]:not(.hidectrl) #movement-none:not(.disabled):hover i, #tokenbar[data-theme=dorako-ui][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: var(--border-radius);
|
|
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 0.15s, outline 0.15s;
|
|
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: var(--border-radius);
|
|
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 0.15s, outline 0.15s;
|
|
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);
|
|
}
|
|
|
|
#tokenbar[data-theme] .bar-controls {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
#tokenbar[data-theme] .bar-controls div#tokenbar-move-handle {
|
|
background: unset;
|
|
}
|
|
#tokenbar[data-theme] .token-list {
|
|
border: unset;
|
|
gap: 5px;
|
|
}
|
|
#tokenbar[data-theme] .token-list .token {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
#tokenbar[data-theme] .token-list .token .tooltip {
|
|
background: var(--app-background);
|
|
border: 1px solid var(--color-primary-1);
|
|
box-shadow: 0px 0px 6px var(--color-primary-2), 0px 2px 8px 1px var(--color-primary-3);
|
|
backdrop-filter: blur(5px);
|
|
border-radius: var(--border-radius);
|
|
-webkit-backdrop-filter: blur(5px);
|
|
font-size: var(--font-size-16);
|
|
line-height: var(--font-size-16);
|
|
text-shadow: 0px 1px 2px black;
|
|
padding: 0.3em 0.6em;
|
|
}
|
|
#tokenbar[data-theme] .token-list .token .token-stats {
|
|
background: unset;
|
|
}
|
|
#tokenbar[data-theme] .token-list .token .token-icon {
|
|
box-shadow: unset;
|
|
}
|
|
|
|
[data-theme]#requestsavingthrow .request-grid > div {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
text-align: center;
|
|
}
|
|
[data-theme]#requestsavingthrow .request-grid > div:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#requestsavingthrow .request-grid > div.view, [data-theme]#requestsavingthrow .request-grid > div.selected, [data-theme]#requestsavingthrow .request-grid > div.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme]#requestsavingthrow .request-grid > div.empty, [data-theme]#requestsavingthrow .request-grid > div.disabled, [data-theme]#requestsavingthrow .request-grid > div:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme]#requestsavingthrow .request-grid {
|
|
gap: 6px;
|
|
grid-template-columns: 31% 31% 31%;
|
|
}
|
|
[data-theme] .monks-tokenbar .sheet .items-list .items-header {
|
|
background: unset;
|
|
border: unset;
|
|
}
|
|
[data-theme] .monks-tokenbar .sheet .items-list .item {
|
|
border: unset;
|
|
}
|
|
[data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text],
|
|
[data-theme] .monks-tokenbar .sheet input[type=number] {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text]:focus,
|
|
[data-theme] .monks-tokenbar .sheet input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover,
|
|
[data-theme] .monks-tokenbar .sheet input[type=number]:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text].disabled, [data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text]:disabled,
|
|
[data-theme] .monks-tokenbar .sheet input[type=number].disabled,
|
|
[data-theme] .monks-tokenbar .sheet input[type=number]:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text].disabled::placeholder, [data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text]:disabled::placeholder,
|
|
[data-theme] .monks-tokenbar .sheet input[type=number].disabled::placeholder,
|
|
[data-theme] .monks-tokenbar .sheet input[type=number]:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text]::placeholder,
|
|
[data-theme] .monks-tokenbar .sheet input[type=number]::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text][type=checkbox],
|
|
[data-theme] .monks-tokenbar .sheet input[type=number][type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme]#assignexperience .sheet .sheet-navigation {
|
|
margin: unset;
|
|
font-family: var(--sans-serif);
|
|
font-weight: unset;
|
|
}
|
|
[data-theme] .request-roll {
|
|
padding-left: 2px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* 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);
|
|
}
|
|
|
|
.dorako-ui#token-hud.monks-little-details .status-effects .effect-control, .dorako-ui#token-hud.monks-little-details .status-effects .pf2e-effect-control {
|
|
border-radius: unset;
|
|
}
|
|
.dorako-ui #token-hud.placeable-hud.monks-little-details .status-effects {
|
|
grid-template-columns: 90px 90px 90px 90px !important;
|
|
background: none;
|
|
}
|
|
.dorako-ui #token-hud.placeable-hud.monks-little-details .status-effects .effect-control {
|
|
border: none;
|
|
opacity: unset;
|
|
}
|
|
.dorako-ui #token-hud.placeable-hud.monks-little-details .status-effects .effect-control.active {
|
|
border: none;
|
|
opacity: 1;
|
|
background-color: var(--secondary-light);
|
|
}
|
|
.dorako-ui #token-hud.placeable-hud.monks-little-details .status-effects .effect-control.active .effect-name {
|
|
color: white;
|
|
opacity: unset;
|
|
}
|
|
.dorako-ui #token-hud.placeable-hud.monks-little-details .status-effects .effect-control img {
|
|
border-radius: 4px 0px 0px 4px;
|
|
}
|
|
.dorako-ui #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, border-radius 0.15s, outline 0.15s;
|
|
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;
|
|
}
|
|
.dorako-ui #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);
|
|
}
|
|
|
|
[data-theme]#token-hud.monks-little-details .status-effects {
|
|
gap: 5px;
|
|
}
|
|
[data-theme]#token-hud.monks-little-details .status-effects .effect-control.active, [data-theme]#token-hud.monks-little-details .status-effects .pf2e-effect-control.active {
|
|
border: unset;
|
|
}
|
|
[data-theme] picture {
|
|
opacity: 1 !important;
|
|
left: -1px;
|
|
top: -1px;
|
|
position: relative;
|
|
}
|
|
[data-theme] #token-hud .status-effects .effect-control .badge {
|
|
border-top: unset;
|
|
border-right: unset;
|
|
width: 18px;
|
|
right: 0px;
|
|
}
|
|
|
|
body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control.view, body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control.selected, body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control.empty, body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control.disabled, body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* 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, border-radius 0.15s, outline 0.15s;
|
|
}
|
|
[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, border-radius 0.15s, outline 0.15s;
|
|
}
|
|
.hotbar-page .page-number:hover {
|
|
text-shadow: 0 0 8px var(--color-shadow-primary);
|
|
}
|
|
|
|
#hotbar[data-theme] .hotbar-page {
|
|
overflow: visible;
|
|
gap: 4px;
|
|
bottom: 56px;
|
|
}
|
|
#hotbar[data-theme] .hotbar-page .macro-list {
|
|
gap: 7px;
|
|
border: none;
|
|
}
|
|
#hotbar[data-theme] .hotbar-page .action-bar {
|
|
margin: 0px 5px 0px 3px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Monk's Sound Enhancements */
|
|
/* ----------------------------------------- */
|
|
[data-theme].sheet .sound-sheet .items-list .items-header {
|
|
border: unset;
|
|
}
|
|
[data-theme].sheet .sound-sheet .items-list .item {
|
|
border-bottom: 1px solid var(--color-secondary-4);
|
|
}
|
|
[data-theme].sheet .sound-sheet .items-list .item .item-name {
|
|
color: var(--text-color-3);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Monk's Enhanced Journal */
|
|
/* ----------------------------------------- */
|
|
/* ----------------------------------------- */
|
|
/* Monk's Scene Navigation */
|
|
/* ----------------------------------------- */
|
|
body.compact-ui #navigation[data-theme] .monks-scene-navigation #nav-toggle {
|
|
display: unset;
|
|
}
|
|
|
|
[data-theme]#navigation .nav-item-container {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme]#navigation .nav-item-container #nav-toggle {
|
|
box-shadow: unset;
|
|
border: unset;
|
|
background: unset;
|
|
height: unset;
|
|
flex: unset;
|
|
}
|
|
[data-theme]#navigation .monks-scene-navigation .scene-list > li a {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme]#navigation .monks-scene-navigation .scene-list > li a:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#navigation .monks-scene-navigation .scene-list > li a.view, [data-theme]#navigation .monks-scene-navigation .scene-list > li a.selected, [data-theme]#navigation .monks-scene-navigation .scene-list > li a.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme]#navigation .monks-scene-navigation .scene-list > li a.empty, [data-theme]#navigation .monks-scene-navigation .scene-list > li a.disabled, [data-theme]#navigation .monks-scene-navigation .scene-list > li a:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--button-toggle-background);
|
|
--button-border-color: var(--button-toggle-border-color);
|
|
--button-focus-outline-color: var(--button-toggle-focus-outline-color);
|
|
--button-hover-background: var(--button-toggle-hover-background);
|
|
--button-hover-border-color: var(--button-toggle-hover-border-color);
|
|
}
|
|
[data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a.view, [data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a.selected, [data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a.empty, [data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a.disabled, [data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
[data-theme]#navigation .monks-scene-navigation .scene-list > li a.folder-name {
|
|
--app-border-width: 2px;
|
|
}
|
|
[data-theme]#navigation .monks-scene-navigation .scene-list > li.view a {
|
|
--button-background: var(--color-primary-2);
|
|
--button-border-color: var(--color-primary-1);
|
|
}
|
|
[data-theme]#navigation .monks-scene-navigation .scene-list > li.active a {
|
|
outline: 1px solid var(--tertiary);
|
|
}
|
|
[data-theme]#navigation.background .monks-scene-navigation .scene-list {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
--app-border-width: 2px;
|
|
gap: 5px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Monk's Active Tile Triggers */
|
|
/* ----------------------------------------- */
|
|
[data-theme] .monks-active-tiles.sheet .items-list .items-header, [data-theme].monks-active-tiles.sheet .items-list .items-header {
|
|
background: unset;
|
|
border: unset;
|
|
}
|
|
[data-theme] .monks-active-tiles.sheet .items-list .items-header .item-controls, [data-theme].monks-active-tiles.sheet .items-list .items-header .item-controls {
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme] .monks-active-tiles.sheet .items-list .items-header h3, [data-theme].monks-active-tiles.sheet .items-list .items-header h3 {
|
|
font-family: Signika, sans-serif;
|
|
}
|
|
[data-theme]#trigger-action .files-list .items-header .item-controls, [data-theme]#trigger-action .buttons-list .items-header .item-controls, [data-theme].monks-active-tiles .files-list .items-header .item-controls {
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme].monks-active-tiles .file-list {
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme].monks-active-tiles.sheet .items-list, [data-theme]#trigger-action .items-list li a, [data-theme].monks-active-tiles .file-list li a {
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme]#trigger-action .file-list li, [data-theme].monks-active-tiles.sheet .file-list li.item {
|
|
border-color: var(--color-secondary-3);
|
|
}
|
|
[data-theme].action-sheet .display-value {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme].action-sheet .display-value:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].action-sheet .display-value:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].action-sheet .display-value.disabled, [data-theme].action-sheet .display-value:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme].action-sheet .display-value.disabled::placeholder, [data-theme].action-sheet .display-value:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme].action-sheet .display-value::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme].action-sheet .display-value[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme].monks-active-tiles.sheet .items-list .item-controls a {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme].monks-active-tiles.sheet .items-list .item-controls a:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].monks-active-tiles.sheet .items-list .item-controls a.view, [data-theme].monks-active-tiles.sheet .items-list .item-controls a.selected, [data-theme].monks-active-tiles.sheet .items-list .item-controls a.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].monks-active-tiles.sheet .items-list .item-controls a.empty, [data-theme].monks-active-tiles.sheet .items-list .item-controls a.disabled, [data-theme].monks-active-tiles.sheet .items-list .item-controls a:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].monks-active-tiles.sheet .items-list .item .item-name {
|
|
color: var(--text-color-3);
|
|
}
|
|
|
|
[data-theme]:not([data-theme^=crb][data-color-scheme=light]).monks-active-tiles div[data-tab=triggers] .action-items .action-style {
|
|
color: #fafafa;
|
|
}
|
|
[data-theme]:not([data-theme^=crb][data-color-scheme=light]).monks-active-tiles div[data-tab=triggers] .action-items .filter-style {
|
|
color: #f73458;
|
|
}
|
|
[data-theme]:not([data-theme^=crb][data-color-scheme=light]).monks-active-tiles div[data-tab=triggers] .action-items .logic-style {
|
|
color: #2b40f8;
|
|
}
|
|
[data-theme]:not([data-theme^=crb][data-color-scheme=light]).monks-active-tiles div[data-tab=triggers] .action-items .entity-style {
|
|
color: #a9a9a9;
|
|
}
|
|
[data-theme]:not([data-theme^=crb][data-color-scheme=light]).monks-active-tiles div[data-tab=triggers] .action-items .details-style {
|
|
color: #a326fc;
|
|
}
|
|
[data-theme]:not([data-theme^=crb][data-color-scheme=light]).monks-active-tiles div[data-tab=triggers] .action-items .value-style {
|
|
color: #515151;
|
|
}
|
|
[data-theme]:not([data-theme^=crb][data-color-scheme=light]).monks-active-tiles div[data-tab=triggers] .action-items .tag-style {
|
|
color: #063d68;
|
|
}
|
|
|
|
.dorako-ui.dark-theme.party-overview-window .table-row:nth-child(2n) {
|
|
background-color: rgba(228, 228, 228, 0.2);
|
|
}
|
|
.dorako-ui.dark-theme.party-overview-window nav .item.active {
|
|
color: white;
|
|
border-bottom: 2px solid var(--tertiary);
|
|
}
|
|
.dorako-ui.dark-theme.party-overview-window .table-row {
|
|
border-bottom: 1px solid var(--tertiary);
|
|
}
|
|
.dorako-ui.dark-theme.party-overview-window .proficiencies .table-row .num:not(.party-overview-ellipsis-no-border) {
|
|
border-radius: 3px;
|
|
margin-right: 3px;
|
|
box-shadow: 0px 0px 1px 1px inset rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
[data-theme].chat-message.message .pf2e-token-hud .rk-skills, [data-theme].chat-message.message .pf2e-token-hud .rk {
|
|
--rarity-uncommon: #c45500;
|
|
--rarity-rare: #5362ff;
|
|
--rarity-unique: #e127e1;
|
|
--color-rarity-uncommon: #c45500;
|
|
--color-rarity-rare: #5362ff;
|
|
--color-rarity-unique: #e127e1;
|
|
--color-rank-1: dodgerblue;
|
|
--color-rank-2: #bf4fdb;
|
|
--color-rank-3: #cf931d;
|
|
--color-rank-4: red;
|
|
font-size: unset;
|
|
background: repeating-linear-gradient(color-mix(in srgb, var(--color-secondary-3) 20%, transparent) 0 var(--row-height), transparent var(--row-height) calc(var(--row-height) * 2));
|
|
}
|
|
|
|
[data-theme][data-color-scheme=dark].chat-message.message .pf2e-token-hud .rk-skills, [data-theme][data-color-scheme=dark].chat-message.message .pf2e-token-hud .rk {
|
|
--text-dark: var(--text-color-2);
|
|
--rarity-common: #e1d8cf;
|
|
--color-rarity-common: #e1d8cf;
|
|
--color-rank-0: #a6a6a6;
|
|
background: repeating-linear-gradient(color-mix(in srgb, var(--color-secondary-3) 20%, transparent) 0 var(--row-height), transparent var(--row-height) calc(var(--row-height) * 2));
|
|
}
|
|
|
|
[data-theme]#pf2e-token-hud {
|
|
--rarity-common: #e1d8cf;
|
|
--rarity-uncommon: #c45500;
|
|
--rarity-rare: #5362ff;
|
|
--rarity-unique: #e127e1;
|
|
--color-rarity-common: #e1d8cf;
|
|
--color-rarity-uncommon: #c45500;
|
|
--color-rarity-rare: #5362ff;
|
|
--color-rarity-unique: #e127e1;
|
|
--color-rank-0: #a6a6a6;
|
|
--color-rank-1: dodgerblue;
|
|
--color-rank-2: #bf4fdb;
|
|
--color-rank-3: #cf931d;
|
|
--color-rank-4: red;
|
|
--color-disabled: var(--text-color-disabled);
|
|
padding-bottom: 0px;
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-header input {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-header input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme]#pf2e-token-hud .sidebar .sidebar-header input:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-header input.disabled, [data-theme]#pf2e-token-hud .sidebar .sidebar-header input:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-header input.disabled::placeholder, [data-theme]#pf2e-token-hud .sidebar .sidebar-header input:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-header input::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-header input[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .item-img img {
|
|
border: 1px solid;
|
|
border-color: var(--icon-border-color);
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input.disabled, [data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input.disabled::placeholder, [data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.spells .sidebar-content .entry .spell .details .extras .actions .uses input:last-child {
|
|
--input-background: transparent;
|
|
--input-border-color: transparent;
|
|
--box-shadow: transparent;
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select.disabled, [data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select.disabled::placeholder, [data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.items .sidebar-content .hud-bulk .over-max {
|
|
color: var(--color-level-red-border);
|
|
}
|
|
[data-theme]#pf2e-token-hud a:hover {
|
|
color: var(--color-primary-2);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .item-img.hover i {
|
|
background: var(--color-primary-2);
|
|
border-color: var(--color-primary-1);
|
|
color: var(--text-color-1);
|
|
text-shadow: 0px 1px 2px black;
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .details .extras .actions a i.greyed {
|
|
color: var(--text-color-disabled);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .header {
|
|
background: var(--color-secondary-4);
|
|
border-color: var(--color-secondary-5);
|
|
margin: 0px -5px;
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.doubled .sidebar-content .header {
|
|
margin: 0px 0px;
|
|
}
|
|
[data-theme].pf2e-token-hud .no-macro, [data-theme]#pf2e-token-hud .no-macro {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--color-primary-3);
|
|
border: 1px solid var(--scrollbar-thumb-border-color);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.spells .expended img {
|
|
filter: saturate(0);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.spells .sidebar-content .entry .spell .details .extras .actions a:not(.disabled) {
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.spells .sidebar-content .entry .spell .details .extras .actions a:not(.disabled) :hover {
|
|
color: var(--color-primary-2);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.spells .sidebar-content .entry .spell .details .extras .actions span {
|
|
color: var(--text-color-4);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar, [data-theme]#pf2e-token-hud .inner, [data-theme]#pf2e-token-hud .popup {
|
|
background: unset;
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
backdrop-filter: blur(4px);
|
|
}
|
|
[data-theme]#pf2e-token-hud .popup .item-buttons {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
}
|
|
[data-theme]#pf2e-token-hud .popup .item-buttons button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme]#pf2e-token-hud .popup .item-buttons button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#pf2e-token-hud .popup .item-buttons button.view, [data-theme]#pf2e-token-hud .popup .item-buttons button.selected, [data-theme]#pf2e-token-hud .popup .item-buttons button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme]#pf2e-token-hud .popup .item-buttons button.empty, [data-theme]#pf2e-token-hud .popup .item-buttons button.disabled, [data-theme]#pf2e-token-hud .popup .item-buttons button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme]#pf2e-token-hud .inner .group .section input[type=number] {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
border-radius: 3px;
|
|
}
|
|
[data-theme]#pf2e-token-hud .inner .group .section input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme]#pf2e-token-hud .inner .group .section input[type=number]:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#pf2e-token-hud .inner .group .section input[type=number].disabled, [data-theme]#pf2e-token-hud .inner .group .section input[type=number]:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme]#pf2e-token-hud .inner .group .section input[type=number].disabled::placeholder, [data-theme]#pf2e-token-hud .inner .group .section input[type=number]:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme]#pf2e-token-hud .inner .group .section input[type=number]::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme]#pf2e-token-hud .inner .group .section input[type=number][type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .action-icon img {
|
|
filter: invert(1);
|
|
mix-blend-mode: plus-lighter;
|
|
}
|
|
[data-theme]#pf2e-token-hud .free {
|
|
background: unset;
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
backdrop-filter: blur(4px);
|
|
}
|
|
[data-theme]#pf2e-token-hud .free.status {
|
|
bottom: 0px;
|
|
border-top-left-radius: unset;
|
|
border-top-right-radius: unset;
|
|
border-top: unset;
|
|
}
|
|
[data-theme]#pf2e-token-hud .free.distance {
|
|
border-bottom-left-radius: unset;
|
|
border-bottom-right-radius: unset;
|
|
border-bottom: unset;
|
|
}
|
|
[data-theme]#pf2e-token-hud .popup .header:before {
|
|
background: unset;
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
margin: unset;
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select.disabled, [data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select.disabled::placeholder, [data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme]#pf2e-token-hud .sidebar.skills .sidebar-content .skill .header .modifier, [data-theme]#pf2e-token-hud .sidebar.skills .sidebar-content .lore .modifier {
|
|
color: var(--color-primary-1);
|
|
}
|
|
|
|
[data-theme][id^=pf2e-perception-] {
|
|
height: auto !important;
|
|
}
|
|
[data-theme][id^=pf2e-perception-] .window-content {
|
|
max-height: 100%;
|
|
}
|
|
[data-theme][id^=pf2e-perception-] .window-content .tokens section .token[data-token-id]:is(:hover, .hover) {
|
|
background: color-mix(in srgb, var(--color-primary-2) 80%, transparent);
|
|
}
|
|
[data-theme][id^=pf2e-perception-] .window-content .buttons button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
box-shadow: unset;
|
|
}
|
|
[data-theme][id^=pf2e-perception-] .window-content .buttons button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][id^=pf2e-perception-] .window-content .buttons button.view, [data-theme][id^=pf2e-perception-] .window-content .buttons button.selected, [data-theme][id^=pf2e-perception-] .window-content .buttons button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme][id^=pf2e-perception-] .window-content .buttons button.empty, [data-theme][id^=pf2e-perception-] .window-content .buttons button.disabled, [data-theme][id^=pf2e-perception-] .window-content .buttons button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme][id^=pf2e-perception-] .window-content .tokens section .token.ui-selected .name, [data-theme][id^=pf2e-perception-] .window-content .tokens section .token.ui-selecting .name {
|
|
color: var(--color-primary-1);
|
|
text-shadow: 0px 0px 5px var(--color-primary-2);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Symon Custom CSS */
|
|
/* ----------------------------------------- */
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-circle-h {
|
|
color: darkgoldenrod;
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-user-graduate {
|
|
color: rgb(141, 69, 212);
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-heart-half-stroke {
|
|
color: orangered;
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-heart {
|
|
color: rgb(192, 1, 1);
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-regular.fa-helmet-battle {
|
|
color: #cdcdcd;
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-light.fa-block-brick {
|
|
color: deepskyblue;
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-shield,
|
|
#pf2e-token-hud.colorized .inner i.fa-regular.fa-shield {
|
|
color: rgb(103, 235, 213);
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-hand-fist {
|
|
color: rgb(201, 4, 201);
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-person-running {
|
|
color: blue;
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-brain {
|
|
color: deeppink;
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-tombstone {
|
|
color: brown;
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-shoe-prints {
|
|
color: green;
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-chevrons-down::before {
|
|
content: "\f713";
|
|
font: --fa-font-solid;
|
|
color: rgb(175, 87, 24);
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-feather {
|
|
color: white;
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-person-swimming {
|
|
color: dodgerblue;
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-spider {
|
|
color: #b7346f;
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-eye {
|
|
color: cadetblue;
|
|
}
|
|
#pf2e-token-hud.colorized .inner i.fa-solid.fa-chess-rook {
|
|
color: rgb(110, 143, 54);
|
|
}
|
|
|
|
#pf2e-token-hud.dorako-ui .sidebar.actions .section .action-icon {
|
|
background-color: rgba(255, 255, 255, 0.7098039216);
|
|
}
|
|
|
|
#pf2e-token-hud.dorako-ui .sidebar.hazard .section .action-icon {
|
|
background-color: rgba(255, 255, 255, 0.7098039216);
|
|
}
|
|
|
|
#pf2e-token-hud.dorako-ui .sidebar .sidebar-content .action-icon {
|
|
background-color: rgba(255, 255, 255, 0.7098039216);
|
|
}
|
|
|
|
[data-theme=bg3].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Extreme-color-primary,
|
|
[data-theme=foundry2].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Extreme-color-primary,
|
|
[data-theme][data-color-scheme=dark].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Extreme-color-primary {
|
|
color: #6cd8ff !important;
|
|
}
|
|
[data-theme=bg3].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-High-color-primary,
|
|
[data-theme=foundry2].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-High-color-primary,
|
|
[data-theme][data-color-scheme=dark].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-High-color-primary {
|
|
color: #3cff00 !important;
|
|
}
|
|
[data-theme=bg3].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Moderate-color-primary,
|
|
[data-theme=foundry2].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Moderate-color-primary,
|
|
[data-theme][data-color-scheme=dark].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Moderate-color-primary {
|
|
color: #ffff54 !important;
|
|
}
|
|
[data-theme=bg3].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Low-color-primary,
|
|
[data-theme=foundry2].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Low-color-primary,
|
|
[data-theme][data-color-scheme=dark].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Low-color-primary {
|
|
color: #ff8000 !important;
|
|
}
|
|
[data-theme=bg3].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Terrible-color-primary,
|
|
[data-theme=foundry2].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Terrible-color-primary,
|
|
[data-theme][data-color-scheme=dark].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Terrible-color-primary {
|
|
color: #ff0000 !important;
|
|
}
|
|
|
|
[data-dorako-ui-scope=limited].sheet.actor.character .sheet-body .sheet-content [data-tab=actions] .tab-content .actions-panels [data-tab=encounter] ol.actions-list.heroActions-list .action .item-controls > button {
|
|
color: black;
|
|
}
|
|
[data-dorako-ui-scope=limited].sheet.actor.character .sheet-body .sheet-content [data-tab=actions] .tab-content .actions-panels [data-tab=encounter] ol.actions-list.heroActions-list .action .item-controls > button:hover {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
|
|
}
|
|
[data-dorako-ui-scope=limited] button[data-action=hero-actions-trade],
|
|
[data-dorako-ui-scope=limited] .heroActions-list > button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
margin-top: 5px;
|
|
}
|
|
[data-dorako-ui-scope=limited] button[data-action=hero-actions-trade]:not(.disabled, :disabled):hover,
|
|
[data-dorako-ui-scope=limited] .heroActions-list > button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-dorako-ui-scope=limited] button[data-action=hero-actions-trade].view, [data-dorako-ui-scope=limited] button[data-action=hero-actions-trade].selected, [data-dorako-ui-scope=limited] button[data-action=hero-actions-trade].active,
|
|
[data-dorako-ui-scope=limited] .heroActions-list > button.view,
|
|
[data-dorako-ui-scope=limited] .heroActions-list > button.selected,
|
|
[data-dorako-ui-scope=limited] .heroActions-list > button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-dorako-ui-scope=limited] button[data-action=hero-actions-trade].empty, [data-dorako-ui-scope=limited] button[data-action=hero-actions-trade].disabled, [data-dorako-ui-scope=limited] button[data-action=hero-actions-trade]:disabled,
|
|
[data-dorako-ui-scope=limited] .heroActions-list > button.empty,
|
|
[data-dorako-ui-scope=limited] .heroActions-list > button.disabled,
|
|
[data-dorako-ui-scope=limited] .heroActions-list > button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
|
|
[data-theme].chat-message [data-action=spell-template-clear] {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--accent-color);
|
|
--button-border-color: var(--accent-color-dark);
|
|
--button-text-color: var(--accent-text-color);
|
|
--app-text-shadow: none;
|
|
--button-hover-background: var(--accent-color-light);
|
|
--button-hover-border-color: var(--accent-color);
|
|
--button-hover-text-color: var(--accent-text-color);
|
|
}
|
|
[data-theme].chat-message [data-action=spell-template-clear]:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].chat-message [data-action=spell-template-clear].view, [data-theme].chat-message [data-action=spell-template-clear].selected, [data-theme].chat-message [data-action=spell-template-clear].active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].chat-message [data-action=spell-template-clear].empty, [data-theme].chat-message [data-action=spell-template-clear].disabled, [data-theme].chat-message [data-action=spell-template-clear]:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].chat-message [data-action=spell-template-clear]:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
[data-theme].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button::after {
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-theme].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button[data-action=target-shield-block]:hover {
|
|
background-color: var(--color-secondary-2);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--color-secondary-1);
|
|
}
|
|
[data-theme].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button[data-action=target-shield-block].shield-activated {
|
|
background-color: var(--color-secondary-1);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--color-secondary-2);
|
|
}
|
|
[data-theme].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button[data-action=target-shield-block].shield-activated:hover {
|
|
background-color: var(--color-secondary-2);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--color-secondary-1);
|
|
}
|
|
[data-theme].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button[data-action=target-apply-healing] .fa-stack i.fa-plus {
|
|
color: var(--color-secondary-5);
|
|
text-shadow: none;
|
|
}
|
|
[data-theme].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button[data-action=target-apply-healing]:hover {
|
|
background-color: var(--color-level-success);
|
|
border-color: var(--color-level-success-border);
|
|
}
|
|
[data-theme].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button[data-action=target-apply-healing]:hover .fa-stack i.fa-plus {
|
|
color: var(--color-level-success);
|
|
text-shadow: none;
|
|
}
|
|
|
|
[data-theme] #fc-container {
|
|
margin: 0px var(--sidebar-margin);
|
|
}
|
|
[data-theme] #fc-container button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme] #fc-container button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] #fc-container button.view, [data-theme] #fc-container button.selected, [data-theme] #fc-container button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] #fc-container button.empty, [data-theme] #fc-container button.disabled, [data-theme] #fc-container button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme] #initiative-delay,
|
|
[data-theme] #initiative-return {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme] #initiative-delay:not(.disabled, :disabled):hover,
|
|
[data-theme] #initiative-return:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] #initiative-delay.view, [data-theme] #initiative-delay.selected, [data-theme] #initiative-delay.active,
|
|
[data-theme] #initiative-return.view,
|
|
[data-theme] #initiative-return.selected,
|
|
[data-theme] #initiative-return.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] #initiative-delay.empty, [data-theme] #initiative-delay.disabled, [data-theme] #initiative-delay:disabled,
|
|
[data-theme] #initiative-return.empty,
|
|
[data-theme] #initiative-return.disabled,
|
|
[data-theme] #initiative-return:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
|
|
.pinnedchatlog.tabs {
|
|
border: unset;
|
|
box-shadow: unset;
|
|
margin: 0px 2px;
|
|
}
|
|
.pinnedchatlog.tabs .item {
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
.pinnedchatlog.tabs .item.active {
|
|
border: none;
|
|
margin: 2px;
|
|
/* prettier-ignore */
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
|
|
border-radius: 3px;
|
|
color: var(--color-text-light-highlight);
|
|
background: var(--primary-light);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Polyglot */
|
|
/* ----------------------------------------- */
|
|
[data-chat-interface-theme] #polyglot label {
|
|
display: none;
|
|
}
|
|
[data-chat-interface-theme] .polyglot-lang-select input {
|
|
margin: unset;
|
|
}
|
|
[data-chat-interface-theme] .polyglot-lang-select span.select2-selection {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-chat-interface-theme] .polyglot-lang-select span.select2-selection:not(:disabled, .disabled, [type=checkbox]):hover, [data-chat-interface-theme] .polyglot-lang-select span.select2-selection:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-chat-interface-theme] .polyglot-lang-select span.select2-selection.disabled, [data-chat-interface-theme] .polyglot-lang-select span.select2-selection:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-chat-interface-theme] .polyglot-lang-select span.select2-selection.disabled::placeholder, [data-chat-interface-theme] .polyglot-lang-select span.select2-selection:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-chat-interface-theme] .polyglot-lang-select span.select2-selection::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-chat-interface-theme] .polyglot-lang-select span.select2-selection[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-chat-interface-theme] .polyglot-lang-select .select2-container--default .select2-selection--single .select2-selection__rendered {
|
|
color: var(--input-text-color);
|
|
}
|
|
[data-chat-interface-theme] .polyglot-lang-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
|
|
border-color: var(--input-text-color) transparent transparent transparent;
|
|
}
|
|
[data-chat-interface-theme] .polyglot-user-list div {
|
|
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
#taskbar.taskbar {
|
|
width: calc((100vw - var(--sidebar-width)) / var(--ft-scale));
|
|
}
|
|
|
|
[data-theme].quick-insert-app {
|
|
background: none;
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
backdrop-filter: blur(5px);
|
|
}
|
|
[data-theme].quick-insert-app .quick-insert-result li img {
|
|
border: 1px solid var(--color-primary-1);
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--color-secondary-2);
|
|
}
|
|
[data-theme].quick-insert-app .search-selected a,
|
|
[data-theme] .quick-insert-result li a:hover {
|
|
background: var(--color-primary-2);
|
|
text-shadow: 0px 1px 2px black !important;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-theme].quick-insert-app .search-selected a span.sub,
|
|
[data-theme] .quick-insert-result li a:hover span.sub {
|
|
color: var(--text-color-4);
|
|
}
|
|
[data-theme].quick-insert-app .search-editable-input {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
outline: none !important;
|
|
text-shadow: none;
|
|
}
|
|
[data-theme].quick-insert-app .search-editable-input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].quick-insert-app .search-editable-input:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].quick-insert-app .search-editable-input.disabled, [data-theme].quick-insert-app .search-editable-input:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme].quick-insert-app .search-editable-input.disabled::placeholder, [data-theme].quick-insert-app .search-editable-input:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme].quick-insert-app .search-editable-input::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme].quick-insert-app .search-editable-input[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme] .quick-insert-hint {
|
|
background: none;
|
|
}
|
|
[data-theme] .quick-insert-result {
|
|
background: none;
|
|
}
|
|
[data-theme] .quick-insert-result li a i.action-icon {
|
|
opacity: 1;
|
|
color: var(--text-color-3);
|
|
background: rgba(255, 255, 255, 0.1333333333);
|
|
}
|
|
[data-theme] .quick-insert-result li span.sub {
|
|
color: var(--text-color-5);
|
|
}
|
|
|
|
.dorako-ui.quick-insert-app {
|
|
background: none;
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
backdrop-filter: blur(5px);
|
|
color: var(--text-color-1);
|
|
text-shadow: 0px 1px 2px black;
|
|
}
|
|
.dorako-ui.quick-insert-app .quick-insert-result li img {
|
|
border: 1px solid var(--tertiary);
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--alt);
|
|
}
|
|
.dorako-ui.quick-insert-app .search-selected a,
|
|
.dorako-ui .quick-insert-result li a:hover {
|
|
background: var(--primary);
|
|
text-shadow: 0px 1px 2px black !important;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
.dorako-ui.quick-insert-app .search-selected a span.sub,
|
|
.dorako-ui .quick-insert-result li a:hover span.sub {
|
|
color: var(--text-color-4);
|
|
}
|
|
.dorako-ui.quick-insert-app .search-editable-input {
|
|
background: none;
|
|
}
|
|
.dorako-ui .quick-insert-hint {
|
|
background: none;
|
|
}
|
|
.dorako-ui .quick-insert-result {
|
|
background: none;
|
|
}
|
|
.dorako-ui .quick-insert-result li a i.action-icon {
|
|
opacity: 1;
|
|
color: var(--text-color-3);
|
|
background: rgba(255, 255, 255, 0.1333333333);
|
|
}
|
|
.dorako-ui .quick-insert-result li span.sub {
|
|
color: var(--text-color-5);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Scene Preview */
|
|
/* ----------------------------------------- */
|
|
[data-theme]#smalltime-app #displayContainer {
|
|
background: unset;
|
|
box-shadow: unset;
|
|
}
|
|
[data-theme]#smalltime-app #dragHandle {
|
|
background: unset;
|
|
}
|
|
[data-theme]#smalltime-app #slideContainer {
|
|
max-height: 24px;
|
|
}
|
|
[data-theme]#smalltime-app #dateDisplay {
|
|
text-shadow: 0px 1px 2px black;
|
|
background: unset;
|
|
box-shadow: unset;
|
|
}
|
|
[data-theme]#smalltime-app {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
outline: none;
|
|
}
|
|
[data-theme]#smalltime-app .arrow, [data-theme]#smalltime-app .arrow-left, [data-theme]#smalltime-app.arrow-right {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme]#smalltime-app .arrow:not(.disabled, :disabled):hover, [data-theme]#smalltime-app .arrow-left:not(.disabled, :disabled):hover, [data-theme]#smalltime-app.arrow-right:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#smalltime-app .arrow.view, [data-theme]#smalltime-app .arrow.selected, [data-theme]#smalltime-app .arrow.active, [data-theme]#smalltime-app .arrow-left.view, [data-theme]#smalltime-app .arrow-left.selected, [data-theme]#smalltime-app .arrow-left.active, [data-theme]#smalltime-app.arrow-right.view, [data-theme]#smalltime-app.arrow-right.selected, [data-theme]#smalltime-app.arrow-right.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme]#smalltime-app .arrow.empty, [data-theme]#smalltime-app .arrow.disabled, [data-theme]#smalltime-app .arrow:disabled, [data-theme]#smalltime-app .arrow-left.empty, [data-theme]#smalltime-app .arrow-left.disabled, [data-theme]#smalltime-app .arrow-left:disabled, [data-theme]#smalltime-app.arrow-right.empty, [data-theme]#smalltime-app.arrow-right.disabled, [data-theme]#smalltime-app.arrow-right:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Speaking As */
|
|
/* ----------------------------------------- */
|
|
div.speaking-as--currentSpeaker + #chat-controls {
|
|
padding: 0px;
|
|
}
|
|
|
|
.chat-sidebar .speaking-as--currentSpeaker {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
background-color: var(--glass-bg-light);
|
|
padding-left: 5px;
|
|
margin: 0px 5px;
|
|
text-shadow: 0px 0px 3px black;
|
|
padding-left: 8px;
|
|
}
|
|
|
|
.speaking-as--currentSpeaker--button {
|
|
cursor: pointer;
|
|
}
|
|
.speaking-as--currentSpeaker--button:hover {
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
[data-theme] .speaking-as--currentSpeaker {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
margin: 0px var(--sidebar-margin);
|
|
}
|
|
|
|
.compendium-toc .toc .toc-entry .name {
|
|
text-decoration-color: var(--color-underline-header);
|
|
}
|
|
|
|
.compendium-toc .toc .content {
|
|
column-rule: 4px double var(--color-underline-header);
|
|
}
|
|
|
|
.swpf-compendium .window-header a.header-button {
|
|
color: var(--color-text-dark-primary);
|
|
font-weight: bold;
|
|
}
|
|
|
|
body.system-swade {
|
|
--primary-dark: #5c0b07;
|
|
--primary: #8c160f;
|
|
--primary-light: #bc2922;
|
|
}
|
|
|
|
[data-theme] fieldset.tagger .tag-container .tag {
|
|
border: 1px solid var(--color-secondary-4);
|
|
background: var(--color-secondary-3);
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme] fieldset.tagger .tag-container .tag.dropping {
|
|
background: #c6eaa7;
|
|
background: var(--color-primary-2);
|
|
}
|
|
[data-theme] fieldset.tagger .tag-container .tag span:hover {
|
|
color: #834100;
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme] fieldset.tagger .tag-container .tag i:hover {
|
|
color: #e30f0f;
|
|
color: var(--color-primary-1);
|
|
}
|
|
[data-theme] fieldset.tagger .tag-container .tag:has(i:hover) {
|
|
background-color: #ffb6b6;
|
|
background-color: var(--color-primary-2);
|
|
background-color: var(--color-level-error);
|
|
}
|
|
[data-theme] fieldset.tagger .tag-container .tag:has(span:hover) {
|
|
background-color: #fffdd4;
|
|
background-color: var(--color-primary-2);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* PF2e Target Damage */
|
|
/* ----------------------------------------- */
|
|
.pf2e-td.name {
|
|
font-size: var(--font-size-9);
|
|
}
|
|
|
|
[data-theme] .pf2e-td .damage-application {
|
|
margin-top: unset;
|
|
}
|
|
|
|
[data-theme] .pf2e-td.small-button.target-button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--button-toggle-background);
|
|
--button-border-color: var(--button-toggle-border-color);
|
|
--button-focus-outline-color: var(--button-toggle-focus-outline-color);
|
|
--button-hover-background: var(--button-toggle-hover-background);
|
|
--button-hover-border-color: var(--button-toggle-hover-border-color);
|
|
}
|
|
[data-theme] .pf2e-td.small-button.target-button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .pf2e-td.small-button.target-button.view, [data-theme] .pf2e-td.small-button.target-button.selected, [data-theme] .pf2e-td.small-button.target-button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] .pf2e-td.small-button.target-button.empty, [data-theme] .pf2e-td.small-button.target-button.disabled, [data-theme] .pf2e-td.small-button.target-button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme] .pf2e-td.small-button.target-button:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
|
|
[data-theme].message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.criticalSuccess {
|
|
--button-background: var(--degree-success-critical);
|
|
--button-hover-background: var(--degree-success-critical);
|
|
--button-text-color: white;
|
|
}
|
|
[data-theme].message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.success {
|
|
--button-background: var(--degree-success);
|
|
--button-hover-background: var(--degree-success);
|
|
--button-text-color: white;
|
|
}
|
|
[data-theme].message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.failure {
|
|
--button-background: var(--degree-failure);
|
|
--button-hover-background: var(--degree-failure);
|
|
--button-text-color: white;
|
|
}
|
|
[data-theme].message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.criticalFailure {
|
|
--button-background: var(--degree-failure-critical);
|
|
--button-hover-background: var(--degree-failure-critical);
|
|
--button-text-color: white;
|
|
}
|
|
|
|
.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%;
|
|
}
|
|
|
|
[data-theme]#token-action-hud-core-settings input {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme]#token-action-hud-core-settings input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme]#token-action-hud-core-settings input:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#token-action-hud-core-settings input.disabled, [data-theme]#token-action-hud-core-settings input:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme]#token-action-hud-core-settings input.disabled::placeholder, [data-theme]#token-action-hud-core-settings input:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme]#token-action-hud-core-settings input::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme]#token-action-hud-core-settings input[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
|
|
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll), #tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll), #tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll) {
|
|
background: var(--inline-background);
|
|
border: 1px solid var(--inline-border-color);
|
|
color: var(--inline-text-color) !important;
|
|
box-shadow: var(--inline-box-shadow);
|
|
}
|
|
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll).broken, #tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll).broken, #tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll).broken {
|
|
border: 1px dashed red;
|
|
background: rgba(255, 0, 0, 0.05);
|
|
}
|
|
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll).gmroll, #tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll).gmroll, #tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll).gmroll {
|
|
background: #e8e8ef;
|
|
border-color: #545469;
|
|
}
|
|
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll).blindroll, #tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll).blindroll, #tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll).blindroll {
|
|
background: #f5eaf5;
|
|
border-color: #6b476b;
|
|
}
|
|
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll)::before,
|
|
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll) i,
|
|
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll) i.icon, #tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll)::before,
|
|
#tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll) i,
|
|
#tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll) i.icon, #tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll)::before,
|
|
#tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll) i,
|
|
#tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll) i.icon {
|
|
color: var(--inline-icon-color);
|
|
}
|
|
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll) [data-visibility]:not([data-visibility=all]), #tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll) [data-visibility]:not([data-visibility=all]), #tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll) [data-visibility]:not([data-visibility=all]) {
|
|
color: var(--inline-text-color) !important;
|
|
outline: 1px dashed var(--inline-text-color);
|
|
}
|
|
|
|
[data-theme]#token-action-hud .tah-action-button,
|
|
[data-theme]#token-action-hud .tah-action-button:focus,
|
|
[data-theme]#token-action-hud .tah-group-button,
|
|
[data-theme]#token-action-hud .tah-group-button:focus {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme]#token-action-hud .tah-action-button:not(.disabled, :disabled):hover,
|
|
[data-theme]#token-action-hud .tah-action-button:focus:not(.disabled, :disabled):hover,
|
|
[data-theme]#token-action-hud .tah-group-button:not(.disabled, :disabled):hover,
|
|
[data-theme]#token-action-hud .tah-group-button:focus:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#token-action-hud .tah-action-button.view, [data-theme]#token-action-hud .tah-action-button.selected, [data-theme]#token-action-hud .tah-action-button.active,
|
|
[data-theme]#token-action-hud .tah-action-button:focus.view,
|
|
[data-theme]#token-action-hud .tah-action-button:focus.selected,
|
|
[data-theme]#token-action-hud .tah-action-button:focus.active,
|
|
[data-theme]#token-action-hud .tah-group-button.view,
|
|
[data-theme]#token-action-hud .tah-group-button.selected,
|
|
[data-theme]#token-action-hud .tah-group-button.active,
|
|
[data-theme]#token-action-hud .tah-group-button:focus.view,
|
|
[data-theme]#token-action-hud .tah-group-button:focus.selected,
|
|
[data-theme]#token-action-hud .tah-group-button:focus.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme]#token-action-hud .tah-action-button.empty, [data-theme]#token-action-hud .tah-action-button.disabled, [data-theme]#token-action-hud .tah-action-button:disabled,
|
|
[data-theme]#token-action-hud .tah-action-button:focus.empty,
|
|
[data-theme]#token-action-hud .tah-action-button:focus.disabled,
|
|
[data-theme]#token-action-hud .tah-action-button:focus:disabled,
|
|
[data-theme]#token-action-hud .tah-group-button.empty,
|
|
[data-theme]#token-action-hud .tah-group-button.disabled,
|
|
[data-theme]#token-action-hud .tah-group-button:disabled,
|
|
[data-theme]#token-action-hud .tah-group-button:focus.empty,
|
|
[data-theme]#token-action-hud .tah-group-button:focus.disabled,
|
|
[data-theme]#token-action-hud .tah-group-button:focus:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme]#token-action-hud .tah-subtitle-text {
|
|
color: var(--text-color-1);
|
|
}
|
|
[data-theme]#token-action-hud .tah-info1,
|
|
[data-theme]#token-action-hud .tah-info2,
|
|
[data-theme]#token-action-hud .tah-info3 {
|
|
color: var(--text-color-4);
|
|
font-size: x-small;
|
|
}
|
|
[data-theme]#token-action-hud button {
|
|
transition: unset !important;
|
|
}
|
|
[data-theme]#token-action-hud #tah-expand-hud {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
justify-content: center;
|
|
width: 32px;
|
|
}
|
|
[data-theme]#token-action-hud #tah-expand-hud > i {
|
|
color: var(--text-color-3);
|
|
text-shadow: 0px 1px 2px black;
|
|
}
|
|
[data-theme]#token-action-hud #tah-collapse-hud,
|
|
[data-theme]#token-action-hud #tah-unlock {
|
|
--box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
[data-theme]#token-action-hud .tah-action-button.toggle {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--button-toggle-background);
|
|
--button-border-color: var(--button-toggle-border-color);
|
|
--button-focus-outline-color: var(--button-toggle-focus-outline-color);
|
|
--button-hover-background: var(--button-toggle-hover-background);
|
|
--button-hover-border-color: var(--button-toggle-hover-border-color);
|
|
}
|
|
[data-theme]#token-action-hud .tah-action-button.toggle:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#token-action-hud .tah-action-button.toggle.view, [data-theme]#token-action-hud .tah-action-button.toggle.selected, [data-theme]#token-action-hud .tah-action-button.toggle.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme]#token-action-hud .tah-action-button.toggle.empty, [data-theme]#token-action-hud .tah-action-button.toggle.disabled, [data-theme]#token-action-hud .tah-action-button.toggle:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme]#token-action-hud .tah-action-button.toggle:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
[data-theme]#token-action-hud .tah-button-image {
|
|
border-top-left-radius: var(--border-radius);
|
|
border-bottom-left-radius: var(--border-radius);
|
|
}
|
|
[data-theme]#token-action-hud .tah-group[data-level="3"] > .tah-list-image {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-1 {
|
|
--button-background: #171f69;
|
|
--button-border-color: #3a47ba;
|
|
}
|
|
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-2 {
|
|
--button-background: #3c005e;
|
|
--button-border-color: #630e94;
|
|
}
|
|
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-3 {
|
|
--button-background: #640;
|
|
--button-border-color: rgb(153, 107, 14);
|
|
}
|
|
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-4 {
|
|
--button-background: #5e0000;
|
|
--button-border-color: #960b0b;
|
|
}
|
|
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-1,
|
|
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-2,
|
|
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-3,
|
|
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-4 {
|
|
--button-text-color: var(--text-color-2);
|
|
}
|
|
|
|
[data-theme] #tokenizer div.avatar div.view > div > canvas,
|
|
[data-theme] #tokenizer div.token div.view > div > canvas {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
|
|
background-size: 20px 20px;
|
|
background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
|
|
}
|
|
[data-theme] #tokenizer div.menu,
|
|
[data-theme] #tokenizer div.view-layer-control {
|
|
background: unset;
|
|
}
|
|
[data-theme] #tokenizer div.view-layer-control {
|
|
border: unset;
|
|
}
|
|
[data-theme] #tokenizer div.view-layer-control canvas,
|
|
[data-theme] #tokenizer div.view-layer-control .section.move-control button {
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-theme] #tokenizer button .fa-regular::before,
|
|
[data-theme] #tokenizer button .fas::before,
|
|
[data-theme] #tokenizer button .button-fas::before {
|
|
margin-top: unset;
|
|
}
|
|
[data-theme] #tokenizer div.view-layer-control .section,
|
|
[data-theme] #tokenizer .section {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
border-color: var(--color-secondary-3);
|
|
}
|
|
[data-theme] #tokenizer div.view-layer-control .section button,
|
|
[data-theme] #tokenizer .section button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
align-items: center;
|
|
}
|
|
[data-theme] #tokenizer div.view-layer-control .section button:not(.disabled, :disabled):hover,
|
|
[data-theme] #tokenizer .section button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] #tokenizer div.view-layer-control .section button.view, [data-theme] #tokenizer div.view-layer-control .section button.selected, [data-theme] #tokenizer div.view-layer-control .section button.active,
|
|
[data-theme] #tokenizer .section button.view,
|
|
[data-theme] #tokenizer .section button.selected,
|
|
[data-theme] #tokenizer .section button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] #tokenizer div.view-layer-control .section button.empty, [data-theme] #tokenizer div.view-layer-control .section button.disabled, [data-theme] #tokenizer div.view-layer-control .section button:disabled,
|
|
[data-theme] #tokenizer .section button.empty,
|
|
[data-theme] #tokenizer .section button.disabled,
|
|
[data-theme] #tokenizer .section button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme] #tokenizer button.menu-button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
align-items: center;
|
|
}
|
|
[data-theme] #tokenizer button.menu-button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] #tokenizer button.menu-button.view, [data-theme] #tokenizer button.menu-button.selected, [data-theme] #tokenizer button.menu-button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] #tokenizer button.menu-button.empty, [data-theme] #tokenizer button.menu-button.disabled, [data-theme] #tokenizer button.menu-button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].tokenizer .title .box-button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
--button-background: var(--color-secondary-2);
|
|
--button-border-color: var(--color-primary-1);
|
|
--button-text-color: var(--text-color-1);
|
|
--button-focus-outline-color: var(--color-primary-1);
|
|
--button-hover-background: var(--color-secondary-3);
|
|
--button-hover-border-color: var(--color-secondary-2);
|
|
--button-hover-text-color: var(--text-color-2);
|
|
}
|
|
[data-theme].tokenizer .title .box-button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].tokenizer .title .box-button.view, [data-theme].tokenizer .title .box-button.selected, [data-theme].tokenizer .title .box-button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].tokenizer .title .box-button.empty, [data-theme].tokenizer .title .box-button.disabled, [data-theme].tokenizer .title .box-button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].tokenizer .title .box-button.deselected {
|
|
--button-background: var(--color-secondary-3);
|
|
--button-border-color: var(--color-secondary-2);
|
|
--button-text-color: var(--text-color-2);
|
|
--button-focus-outline-color: var(--color-primary-1);
|
|
--button-hover-background: var(--color-secondary-2);
|
|
--button-hover-border-color: var(--color-secondary-1);
|
|
--button-hover-text-color: var(--text-color-1);
|
|
}
|
|
[data-theme].tokenizer .title .box-button > i:before {
|
|
margin-top: 50% !important;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* PF2e Workbench */
|
|
/* ----------------------------------------- */
|
|
html .xdy-pf2e-workbench-rarity-common {
|
|
color: var(--rarity-common) !important;
|
|
border-color: var(--rarity-common) !important;
|
|
}
|
|
html .xdy-pf2e-workbench-rarity-uncommon {
|
|
color: var(--rarity-uncommon) !important;
|
|
border-color: var(--rarity-uncommon) !important;
|
|
}
|
|
html .xdy-pf2e-workbench-rarity-rare {
|
|
color: var(--rarity-rare) !important;
|
|
border-color: var(--rarity-rare) !important;
|
|
}
|
|
html .xdy-pf2e-workbench-rarity-unique {
|
|
color: var(--rarity-unique) !important;
|
|
border-color: var(--rarity-unique) !important;
|
|
}
|
|
|
|
[data-theme] .roll-app-nav button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme] .roll-app-nav button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .roll-app-nav button.view, [data-theme] .roll-app-nav button.selected, [data-theme] .roll-app-nav button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] .roll-app-nav button.empty, [data-theme] .roll-app-nav button.disabled, [data-theme] .roll-app-nav button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme] .roll-app .roll-app-table tbody button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme] .roll-app .roll-app-table tbody button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .roll-app .roll-app-table tbody button.view, [data-theme] .roll-app .roll-app-table tbody button.selected, [data-theme] .roll-app .roll-app-table tbody button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] .roll-app .roll-app-table tbody button.empty, [data-theme] .roll-app .roll-app-table tbody button.disabled, [data-theme] .roll-app .roll-app-table tbody button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme] .roll-app .roll-app-table tbody tr.selected {
|
|
background: var(--color-primary-2);
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-theme] .roll-app .roll-app-table tbody tr.selected button.rollable {
|
|
color: var(--text-color-2);
|
|
}
|
|
|
|
.scene_actors_selector .window-content {
|
|
border-radius: var(--border-radius);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* FPS display */
|
|
/* ----------------------------------------- */
|
|
#fps[data-theme] {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Tooltip */
|
|
/* ----------------------------------------- */
|
|
#tooltip[data-theme] {
|
|
background: var(--app-background);
|
|
border: 1px solid var(--color-primary-1);
|
|
box-shadow: 0px 0px 6px var(--color-primary-2), 0px 2px 8px 1px var(--color-primary-3);
|
|
backdrop-filter: blur(5px);
|
|
border-radius: var(--border-radius);
|
|
-webkit-backdrop-filter: blur(5px);
|
|
font-size: var(--font-size-16);
|
|
line-height: var(--font-size-16);
|
|
text-shadow: 0px 1px 2px black;
|
|
padding: 0.4em 0.6em;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Players */
|
|
/* ----------------------------------------- */
|
|
#players[data-theme] {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
#players[data-theme] h3 {
|
|
cursor: pointer;
|
|
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 0.15s, outline 0.15s;
|
|
color: var(--text-color-3);
|
|
}
|
|
#players[data-theme] h3:hover {
|
|
color: var(--text-color-1);
|
|
text-shadow: 0px 0px 8px var(--color-shadow-highlight);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Context menu */
|
|
/* ----------------------------------------- */
|
|
[data-theme] #context-menu {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
box-shadow: var(--window-app-box-shadow);
|
|
border-radius: var(--border-radius);
|
|
backdrop-filter: blur(5px);
|
|
-webkit-backdrop-filter: blur(5px);
|
|
text-shadow: 0px 1px 2px black;
|
|
}
|
|
[data-theme] #context-menu li.context-item:first-child {
|
|
border-top-left-radius: var(--border-radius);
|
|
border-top-right-radius: var(--border-radius);
|
|
}
|
|
[data-theme] #context-menu li.context-item:last-child {
|
|
border-bottom-left-radius: var(--border-radius);
|
|
border-bottom-right-radius: var(--border-radius);
|
|
}
|
|
[data-theme] #context-menu li.context-item:hover {
|
|
box-shadow: 0px 0px 0px 1px var(--color-primary-1);
|
|
background: var(--color-primary-2);
|
|
text-shadow: 0px 1px 2px black;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Map v1 styling to v2 values */
|
|
/* ----------------------------------------- */
|
|
[data-theme] {
|
|
--color-shadow-primary: transparent;
|
|
--color-shadow-highlight: transparent;
|
|
--color-bg-option: var(--input-background);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* limited scope specific */
|
|
/* ----------------------------------------- */
|
|
[data-theme][data-dorako-ui-scope=limited][data-color-scheme=dark] {
|
|
--rarity-common: #e1d8cf;
|
|
--rarity-uncommon: #c45500;
|
|
--rarity-rare: #5362ff;
|
|
--rarity-unique: #e127e1;
|
|
--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");
|
|
}
|
|
|
|
/* ------------------------------------------------------------- */
|
|
/* Generalized style choices (inclusive of limited scope) */
|
|
/* ------------------------------------------------------------- */
|
|
[data-theme][data-color-scheme=dark] {
|
|
--rarity-common: #e1d8cf;
|
|
--rarity-uncommon: #c45500;
|
|
--rarity-rare: #5362ff;
|
|
--rarity-unique: #e127e1;
|
|
--color-rarity-common: #e1d8cf;
|
|
--color-rarity-uncommon: #c45500;
|
|
--color-rarity-rare: #5362ff;
|
|
--color-rarity-unique: #e127e1;
|
|
--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");
|
|
/* Degrees of success */
|
|
--degree-success-critical: rgb(107, 255, 0);
|
|
--degree-success: rgb(0, 241, 255);
|
|
--degree-failure: rgb(255, 129, 0);
|
|
--degree-failure-critical: rgb(255, 0, 0);
|
|
/* Value adjustments (e.g. weak/elite) */
|
|
--adjusted-higher: #009988;
|
|
--adjusted-lower: #cc3311;
|
|
}
|
|
[data-theme][data-color-scheme=dark].pf2e.item.sheet {
|
|
--color-text-dark-2: var(--text-color-3);
|
|
--color-text-dark-4: var(--text-color-3);
|
|
--color-text-dark-input: var(--text-color-3);
|
|
--color-border-dark: var(--text-color-2);
|
|
--color-border-medium: var(--input-border-color);
|
|
}
|
|
|
|
[data-theme][data-color-scheme=dark].chat-message .message-content + .pf2e-toolbelt-target-damage, [data-theme][data-color-scheme=dark].chat-message .message-content + .pf2e-toolbelt-target-spell {
|
|
--criticalSuccess: var(--degree-success-critical);
|
|
--success: var(--degree-success);
|
|
--failure: var(--degree-failure);
|
|
--criticalFailure: var(--degree-failure-critical);
|
|
}
|
|
|
|
[data-color-scheme=light] {
|
|
--rarity-common: #323232;
|
|
--rarity-uncommon: #98513d;
|
|
--rarity-rare: #002664;
|
|
--rarity-unique: #54166e;
|
|
--color-rarity-common: #323232;
|
|
--color-rarity-uncommon: #98513d;
|
|
--color-rarity-rare: #002664;
|
|
--color-rarity-unique: #54166e;
|
|
--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");
|
|
/* Degrees of success */
|
|
--degree-success-critical: rgb(0, 128, 0);
|
|
--degree-success: rgb(0, 0, 255);
|
|
--degree-failure: rgb(255, 69, 0);
|
|
--degree-failure-critical: red;
|
|
/* Value adjustments (e.g. weak/elite) */
|
|
--adjusted-higher: #009988;
|
|
--adjusted-lower: #cc3311;
|
|
}
|
|
[data-color-scheme=light].filepicker .favorites .paths {
|
|
--color-text-dark-primary: white;
|
|
--button-text-color: white;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Default values */
|
|
/* ----------------------------------------- */
|
|
[data-chat-interface-theme] #chat-log ~ *,
|
|
[data-theme] {
|
|
/* App variables */
|
|
--app-background: transparent;
|
|
--app-border-color: black;
|
|
--app-text-shadow: none;
|
|
--app-border-width: 1px;
|
|
/* Window app variables */
|
|
--window-app-background: white;
|
|
--window-app-box-shadow: 0px 5px 30px black;
|
|
/* Input variables */
|
|
/* Other variables */
|
|
--icon-border-color: yellow;
|
|
--box-shadow: 0px 1px 3px 1px black;
|
|
--ornamentation-gray: 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");
|
|
--ornamentation-gold: 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");
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply],
|
|
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept],
|
|
[data-chat-interface-theme] #chat-log ~ * form button[type=submit],
|
|
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save],
|
|
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll,
|
|
[data-chat-interface-theme] #chat-log ~ * button.bright,
|
|
[data-theme] .item-controls button[data-action=apply],
|
|
[data-theme] button[data-action=accept],
|
|
[data-theme] form button[type=submit],
|
|
[data-theme] form button[data-action=save],
|
|
[data-theme] form.check-modifiers-content button.roll,
|
|
[data-theme] button.bright {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--accent-color);
|
|
--button-border-color: var(--accent-color-dark);
|
|
--button-text-color: var(--accent-text-color);
|
|
--app-text-shadow: none;
|
|
--button-hover-background: var(--accent-color-light);
|
|
--button-hover-border-color: var(--accent-color);
|
|
--button-hover-text-color: var(--accent-text-color);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply]:not(.disabled, :disabled):hover,
|
|
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept]:not(.disabled, :disabled):hover,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[type=submit]:not(.disabled, :disabled):hover,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save]:not(.disabled, :disabled):hover,
|
|
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll:not(.disabled, :disabled):hover,
|
|
[data-chat-interface-theme] #chat-log ~ * button.bright:not(.disabled, :disabled):hover,
|
|
[data-theme] .item-controls button[data-action=apply]:not(.disabled, :disabled):hover,
|
|
[data-theme] button[data-action=accept]:not(.disabled, :disabled):hover,
|
|
[data-theme] form button[type=submit]:not(.disabled, :disabled):hover,
|
|
[data-theme] form button[data-action=save]:not(.disabled, :disabled):hover,
|
|
[data-theme] form.check-modifiers-content button.roll:not(.disabled, :disabled):hover,
|
|
[data-theme] button.bright:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply].view, [data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply].selected, [data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply].active,
|
|
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept].view,
|
|
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept].selected,
|
|
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept].active,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[type=submit].view,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[type=submit].selected,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[type=submit].active,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save].view,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save].selected,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save].active,
|
|
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll.view,
|
|
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll.selected,
|
|
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll.active,
|
|
[data-chat-interface-theme] #chat-log ~ * button.bright.view,
|
|
[data-chat-interface-theme] #chat-log ~ * button.bright.selected,
|
|
[data-chat-interface-theme] #chat-log ~ * button.bright.active,
|
|
[data-theme] .item-controls button[data-action=apply].view,
|
|
[data-theme] .item-controls button[data-action=apply].selected,
|
|
[data-theme] .item-controls button[data-action=apply].active,
|
|
[data-theme] button[data-action=accept].view,
|
|
[data-theme] button[data-action=accept].selected,
|
|
[data-theme] button[data-action=accept].active,
|
|
[data-theme] form button[type=submit].view,
|
|
[data-theme] form button[type=submit].selected,
|
|
[data-theme] form button[type=submit].active,
|
|
[data-theme] form button[data-action=save].view,
|
|
[data-theme] form button[data-action=save].selected,
|
|
[data-theme] form button[data-action=save].active,
|
|
[data-theme] form.check-modifiers-content button.roll.view,
|
|
[data-theme] form.check-modifiers-content button.roll.selected,
|
|
[data-theme] form.check-modifiers-content button.roll.active,
|
|
[data-theme] button.bright.view,
|
|
[data-theme] button.bright.selected,
|
|
[data-theme] button.bright.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply].empty, [data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply].disabled, [data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply]:disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept].empty,
|
|
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept].disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept]:disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[type=submit].empty,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[type=submit].disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[type=submit]:disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save].empty,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save].disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save]:disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll.empty,
|
|
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll.disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll:disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * button.bright.empty,
|
|
[data-chat-interface-theme] #chat-log ~ * button.bright.disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * button.bright:disabled,
|
|
[data-theme] .item-controls button[data-action=apply].empty,
|
|
[data-theme] .item-controls button[data-action=apply].disabled,
|
|
[data-theme] .item-controls button[data-action=apply]:disabled,
|
|
[data-theme] button[data-action=accept].empty,
|
|
[data-theme] button[data-action=accept].disabled,
|
|
[data-theme] button[data-action=accept]:disabled,
|
|
[data-theme] form button[type=submit].empty,
|
|
[data-theme] form button[type=submit].disabled,
|
|
[data-theme] form button[type=submit]:disabled,
|
|
[data-theme] form button[data-action=save].empty,
|
|
[data-theme] form button[data-action=save].disabled,
|
|
[data-theme] form button[data-action=save]:disabled,
|
|
[data-theme] form.check-modifiers-content button.roll.empty,
|
|
[data-theme] form.check-modifiers-content button.roll.disabled,
|
|
[data-theme] form.check-modifiers-content button.roll:disabled,
|
|
[data-theme] button.bright.empty,
|
|
[data-theme] button.bright.disabled,
|
|
[data-theme] button.bright:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply]:disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept]:disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[type=submit]:disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save]:disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll:disabled,
|
|
[data-chat-interface-theme] #chat-log ~ * button.bright:disabled,
|
|
[data-theme] .item-controls button[data-action=apply]:disabled,
|
|
[data-theme] button[data-action=accept]:disabled,
|
|
[data-theme] form button[type=submit]:disabled,
|
|
[data-theme] form button[data-action=save]:disabled,
|
|
[data-theme] form.check-modifiers-content button.roll:disabled,
|
|
[data-theme] button.bright:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * ::-webkit-scrollbar-thumb,
|
|
[data-theme] ::-webkit-scrollbar-thumb {
|
|
outline: none;
|
|
border-radius: 3px;
|
|
background: var(--scrollbar-thumb-background);
|
|
border: 1px solid var(--scrollbar-thumb-border-color);
|
|
transition: outline 0.15s;
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * ::-webkit-scrollbar-track,
|
|
[data-theme] ::-webkit-scrollbar-track {
|
|
box-shadow: 0 0 1px var(--color-secondary-3) inset;
|
|
box-shadow: unset;
|
|
border-radius: 4px;
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * input[type=checkbox]:checked,
|
|
[data-chat-interface-theme] #chat-log ~ * input[type=radio]:checked,
|
|
[data-theme] input[type=checkbox]:checked,
|
|
[data-theme] input[type=radio]:checked {
|
|
accent-color: var(--accent-color);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * code,
|
|
[data-theme] code {
|
|
background: var(--color-secondary-4);
|
|
border: 1px solid var(--color-secondary-3);
|
|
color: var(--text-color-2);
|
|
border-radius: 3px;
|
|
padding: 0px 2px;
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * a.content-link,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]),
|
|
[data-chat-interface-theme] #chat-log ~ * a.entity-link,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action],
|
|
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area],
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]),
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-roll,
|
|
[data-theme] a.content-link,
|
|
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]),
|
|
[data-theme] a.entity-link,
|
|
[data-theme] [data-pf2-action],
|
|
[data-theme] span[data-pf2-effect-area],
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]),
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label,
|
|
[data-theme] a.inline-roll {
|
|
background: var(--inline-background);
|
|
border: 1px solid var(--inline-border-color);
|
|
color: var(--inline-text-color) !important;
|
|
box-shadow: var(--inline-box-shadow);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * a.content-link [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-chat-interface-theme] #chat-log ~ * a.entity-link [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action] [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area] [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-roll [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-theme] a.content-link [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-theme] a.entity-link [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-theme] [data-pf2-action] [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-theme] span[data-pf2-effect-area] [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-theme] a.inline-roll [data-visibility]:not([data-visibility=all])[data-visibility=gm] {
|
|
background: none;
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * a.content-link.broken,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]).broken,
|
|
[data-chat-interface-theme] #chat-log ~ * a.entity-link.broken,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action].broken,
|
|
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area].broken,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]).broken,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label.broken,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-roll.broken,
|
|
[data-theme] a.content-link.broken,
|
|
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]).broken,
|
|
[data-theme] a.entity-link.broken,
|
|
[data-theme] [data-pf2-action].broken,
|
|
[data-theme] span[data-pf2-effect-area].broken,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]).broken,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label.broken,
|
|
[data-theme] a.inline-roll.broken {
|
|
border: 1px dashed red;
|
|
background: rgba(255, 0, 0, 0.05);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * a.content-link.gmroll,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]).gmroll,
|
|
[data-chat-interface-theme] #chat-log ~ * a.entity-link.gmroll,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action].gmroll,
|
|
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area].gmroll,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]).gmroll,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label.gmroll,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-roll.gmroll,
|
|
[data-theme] a.content-link.gmroll,
|
|
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]).gmroll,
|
|
[data-theme] a.entity-link.gmroll,
|
|
[data-theme] [data-pf2-action].gmroll,
|
|
[data-theme] span[data-pf2-effect-area].gmroll,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]).gmroll,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label.gmroll,
|
|
[data-theme] a.inline-roll.gmroll {
|
|
background: #e8e8ef;
|
|
border-color: #545469;
|
|
color: black !important;
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * a.content-link.gmroll i,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]).gmroll i,
|
|
[data-chat-interface-theme] #chat-log ~ * a.entity-link.gmroll i,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action].gmroll i,
|
|
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area].gmroll i,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]).gmroll i,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label.gmroll i,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-roll.gmroll i,
|
|
[data-theme] a.content-link.gmroll i,
|
|
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]).gmroll i,
|
|
[data-theme] a.entity-link.gmroll i,
|
|
[data-theme] [data-pf2-action].gmroll i,
|
|
[data-theme] span[data-pf2-effect-area].gmroll i,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]).gmroll i,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label.gmroll i,
|
|
[data-theme] a.inline-roll.gmroll i {
|
|
color: var(--color-text-dark-inactive) !important;
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * a.content-link.blindroll,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]).blindroll,
|
|
[data-chat-interface-theme] #chat-log ~ * a.entity-link.blindroll,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action].blindroll,
|
|
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area].blindroll,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]).blindroll,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label.blindroll,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-roll.blindroll,
|
|
[data-theme] a.content-link.blindroll,
|
|
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]).blindroll,
|
|
[data-theme] a.entity-link.blindroll,
|
|
[data-theme] [data-pf2-action].blindroll,
|
|
[data-theme] span[data-pf2-effect-area].blindroll,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]).blindroll,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label.blindroll,
|
|
[data-theme] a.inline-roll.blindroll {
|
|
background: #f5eaf5;
|
|
border-color: #6b476b;
|
|
color: black !important;
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * a.content-link.blindroll i,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]).blindroll i,
|
|
[data-chat-interface-theme] #chat-log ~ * a.entity-link.blindroll i,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action].blindroll i,
|
|
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area].blindroll i,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]).blindroll i,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label.blindroll i,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-roll.blindroll i,
|
|
[data-theme] a.content-link.blindroll i,
|
|
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]).blindroll i,
|
|
[data-theme] a.entity-link.blindroll i,
|
|
[data-theme] [data-pf2-action].blindroll i,
|
|
[data-theme] span[data-pf2-effect-area].blindroll i,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]).blindroll i,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label.blindroll i,
|
|
[data-theme] a.inline-roll.blindroll i {
|
|
color: var(--color-text-dark-inactive) !important;
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * a.content-link::before,
|
|
[data-chat-interface-theme] #chat-log ~ * a.content-link i,
|
|
[data-chat-interface-theme] #chat-log ~ * a.content-link i.icon,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret])::before,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]) i,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]) i.icon,
|
|
[data-chat-interface-theme] #chat-log ~ * a.entity-link::before,
|
|
[data-chat-interface-theme] #chat-log ~ * a.entity-link i,
|
|
[data-chat-interface-theme] #chat-log ~ * a.entity-link i.icon,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action]::before,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action] i,
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action] i.icon,
|
|
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area]::before,
|
|
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area] i,
|
|
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area] i.icon,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret])::before,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) i,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) i.icon,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label::before,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label i,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label i.icon,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-roll::before,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-roll i,
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-roll i.icon,
|
|
[data-theme] a.content-link::before,
|
|
[data-theme] a.content-link i,
|
|
[data-theme] a.content-link i.icon,
|
|
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret])::before,
|
|
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]) i,
|
|
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]) i.icon,
|
|
[data-theme] a.entity-link::before,
|
|
[data-theme] a.entity-link i,
|
|
[data-theme] a.entity-link i.icon,
|
|
[data-theme] [data-pf2-action]::before,
|
|
[data-theme] [data-pf2-action] i,
|
|
[data-theme] [data-pf2-action] i.icon,
|
|
[data-theme] span[data-pf2-effect-area]::before,
|
|
[data-theme] span[data-pf2-effect-area] i,
|
|
[data-theme] span[data-pf2-effect-area] i.icon,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret])::before,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) i,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) i.icon,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label::before,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label i,
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label i.icon,
|
|
[data-theme] a.inline-roll::before,
|
|
[data-theme] a.inline-roll i,
|
|
[data-theme] a.inline-roll i.icon {
|
|
color: var(--inline-icon-color);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * a.content-link [data-visibility]:not([data-visibility=all]),
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all]),
|
|
[data-chat-interface-theme] #chat-log ~ * a.entity-link [data-visibility]:not([data-visibility=all]),
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action] [data-visibility]:not([data-visibility=all]),
|
|
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area] [data-visibility]:not([data-visibility=all]),
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all]),
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label [data-visibility]:not([data-visibility=all]),
|
|
[data-chat-interface-theme] #chat-log ~ * a.inline-roll [data-visibility]:not([data-visibility=all]),
|
|
[data-theme] a.content-link [data-visibility]:not([data-visibility=all]),
|
|
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all]),
|
|
[data-theme] a.entity-link [data-visibility]:not([data-visibility=all]),
|
|
[data-theme] [data-pf2-action] [data-visibility]:not([data-visibility=all]),
|
|
[data-theme] span[data-pf2-effect-area] [data-visibility]:not([data-visibility=all]),
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all]),
|
|
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label [data-visibility]:not([data-visibility=all]),
|
|
[data-theme] a.inline-roll [data-visibility]:not([data-visibility=all]) {
|
|
color: var(--inline-text-color) !important;
|
|
outline: 1px dashed var(--inline-text-color);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check][data-pf2-traits*=secret],
|
|
[data-chat-interface-theme] #chat-log ~ * [data-visibility]:not([data-visibility=all])[data-visibility=gm],
|
|
[data-theme] [data-pf2-check][data-pf2-traits*=secret],
|
|
[data-theme] [data-visibility]:not([data-visibility=all])[data-visibility=gm] {
|
|
color: black;
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * i[data-pf2-repost],
|
|
[data-theme] i[data-pf2-repost] {
|
|
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 0.15s, outline 0.15s;
|
|
cursor: pointer;
|
|
background: unset;
|
|
border-left: unset;
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * i[data-pf2-repost]:hover::before,
|
|
[data-theme] i[data-pf2-repost]:hover::before {
|
|
color: var(--color-primary-2);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ *.pf2e.item.sheet form .sheet-body fieldset.basics,
|
|
[data-theme].pf2e.item.sheet form .sheet-body fieldset.basics {
|
|
background: none !important;
|
|
border: none !important;
|
|
}
|
|
|
|
/* ------------------------------------------------------------ */
|
|
/* Generalized style choices (exlusive of limited scope) */
|
|
/* ------------------------------------------------------------ */
|
|
[data-theme][data-dorako-ui-scope=unlimited][data-color-scheme=dark] h1 {
|
|
color: var(--text-color-1);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited][data-color-scheme=dark] h2 {
|
|
color: var(--text-color-1);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited][data-color-scheme=dark] h3 {
|
|
color: var(--text-color-1);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited][data-color-scheme=dark] h4 {
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited][data-color-scheme=dark] h5 {
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited][data-color-scheme=dark] h6 {
|
|
color: var(--text-color-2);
|
|
}
|
|
|
|
[data-theme][data-dorako-ui-scope=unlimited] {
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=text],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=number],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=password],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=date],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=time],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=search] {
|
|
min-width: 24px;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] fieldset {
|
|
border: 1px solid var(--fieldset-border-color) !important;
|
|
background: var(--fieldset-background-color) !important;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] fieldset > legend {
|
|
color: var(--fieldset-legend-color);
|
|
text-shadow: unset;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=range] {
|
|
background: none !important;
|
|
--input-focus-outline-color: transparent;
|
|
--input-border-color: transparent;
|
|
--box-shadow: none;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=range]::-webkit-slider-runnable-track {
|
|
box-shadow: unset;
|
|
border-radius: 3px;
|
|
background: var(--color-secondary-5);
|
|
border: 1px solid var(--color-secondary-4);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=range]::-webkit-slider-thumb {
|
|
border-radius: 50%;
|
|
box-shadow: unset;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=range]:disabled::-webkit-slider-thumb {
|
|
background: color-mix(in srgb, var(--accent-color) 50%, black);
|
|
border: 1px solid color-mix(in srgb, var(--accent-text-color) 50%, black);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=range]:not(:disabled)::-webkit-slider-thumb {
|
|
background: var(--accent-color);
|
|
border: 1px solid var(--color-primary-1);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=color][data-edit] {
|
|
border: 1px solid var(--color-border-light-highlight);
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=color i]::-webkit-color-swatch {
|
|
border-color: var(--color-secondary-4);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=range] + .range-value {
|
|
flex: none;
|
|
height: 24px;
|
|
padding: 0 0.5rem;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.25rem;
|
|
background: var(--accent-color);
|
|
border: 1px solid var(--color-primary-1);
|
|
color: var(--accent-text-color);
|
|
text-shadow: none;
|
|
box-shadow: var(--box-shadow);
|
|
border-radius: 3px;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] a.button,
|
|
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown) {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] a.button:not(.disabled, :disabled):hover,
|
|
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown):not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] a.button.view, [data-theme][data-dorako-ui-scope=unlimited] a.button.selected, [data-theme][data-dorako-ui-scope=unlimited] a.button.active,
|
|
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown).view,
|
|
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown).selected,
|
|
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown).active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] a.button.empty, [data-theme][data-dorako-ui-scope=unlimited] a.button.disabled, [data-theme][data-dorako-ui-scope=unlimited] a.button:disabled,
|
|
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown).empty,
|
|
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown).disabled,
|
|
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown):disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] .prosemirror menu .pm-dropdown:hover i {
|
|
color: black;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.view, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.selected, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.empty, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.disabled, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=text],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=number],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=password],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=date],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=time],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=search],
|
|
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag) {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=unlimited] input[type=text]:focus,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=number]:focus,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=password]:not(:disabled, .disabled, [type=checkbox]):hover,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=password]:focus,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=date]:not(:disabled, .disabled, [type=checkbox]):hover,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=date]:focus,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=time]:not(:disabled, .disabled, [type=checkbox]):hover,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=time]:focus,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=search]:not(:disabled, .disabled, [type=checkbox]):hover,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=search]:focus,
|
|
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag):not(:disabled, .disabled, [type=checkbox]):hover,
|
|
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag):focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=text].disabled, [data-theme][data-dorako-ui-scope=unlimited] input[type=text]:disabled,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=number].disabled,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=number]:disabled,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=password].disabled,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=password]:disabled,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=date].disabled,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=date]:disabled,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=time].disabled,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=time]:disabled,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=search].disabled,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=search]:disabled,
|
|
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag).disabled,
|
|
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag):disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=text].disabled::placeholder, [data-theme][data-dorako-ui-scope=unlimited] input[type=text]:disabled::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=number].disabled::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=number]:disabled::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=password].disabled::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=password]:disabled::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=date].disabled::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=date]:disabled::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=time].disabled::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=time]:disabled::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=search].disabled::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=search]:disabled::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag).disabled::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag):disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=text]::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=number]::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=password]::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=date]::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=time]::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=search]::placeholder,
|
|
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag)::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=text][type=checkbox],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=number][type=checkbox],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=password][type=checkbox],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=date][type=checkbox],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=time][type=checkbox],
|
|
[data-theme][data-dorako-ui-scope=unlimited] input[type=search][type=checkbox],
|
|
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag)[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] textarea {
|
|
color: var(--input-text-color);
|
|
background: var(--input-background);
|
|
border: var(--window-app-border-width);
|
|
border-color: var(--input-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] hr {
|
|
border: none;
|
|
border-top: 1px solid var(--app-border-color);
|
|
border-bottom: 1px solid var(--color-secondary-5);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default.view, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default.selected, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default.empty, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default.disabled, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] [data-visibility]:not([data-visibility=all]) {
|
|
color: black;
|
|
text-shadow: none;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited] form .form-group .form-fields button {
|
|
height: var(--form-field-height);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited].sheet header.sheet-header img {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
border: 1px solid var(--icon-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited].sheet header.sheet-header h1 input {
|
|
--font-size: inherit;
|
|
font-size: 28px;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=unlimited].app.sidebar-popout .window-content {
|
|
color: inherit;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* App and Window-app */
|
|
/* ----------------------------------------- */
|
|
[data-theme].app {
|
|
border-radius: var(--border-radius);
|
|
background: unset;
|
|
background: var(--app-background);
|
|
background-position: top;
|
|
background-size: cover;
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--app-border-color);
|
|
}
|
|
[data-theme].window-app {
|
|
background: var(--window-app-background);
|
|
background-position: top;
|
|
background-size: cover;
|
|
border: var(--window-app-border-width) solid;
|
|
border-color: var(--window-app-border-color);
|
|
backdrop-filter: blur(4px);
|
|
box-shadow: var(--window-app-box-shadow);
|
|
}
|
|
[data-theme].window-app.sidebar-popout {
|
|
border: var(--app-border-width) solid var(--window-app-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].window-app .window-header {
|
|
flex: 0 0 27px;
|
|
border: unset;
|
|
text-shadow: 0px 1px 2px black;
|
|
border-radius: var(--border-radius) var(--border-radius) 0px 0px;
|
|
}
|
|
[data-theme].window-app .window-content {
|
|
background: unset !important;
|
|
box-shadow: unset;
|
|
}
|
|
[data-theme].window-app .window-resizable-handle {
|
|
background: var(--color-primary-4);
|
|
border: 1px solid var(--window-app-border-color);
|
|
border-radius: 4px 0px var(--border-radius) 0px;
|
|
border-bottom-color: var(--color-primary-3);
|
|
border-right-color: var(--color-primary-3);
|
|
bottom: -1px;
|
|
right: -1px;
|
|
z-index: 2;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Application specific */
|
|
/* ----------------------------------------- */
|
|
[data-theme].token-sheet, [data-theme].dialog {
|
|
height: auto !important;
|
|
}
|
|
[data-theme].token-sheet nav.sheet-tabs.secondary-tabs {
|
|
margin-top: 2px;
|
|
}
|
|
[data-theme] .inline-roll .dice-tooltip {
|
|
background: var(--app-background);
|
|
border: 1px solid var(--color-primary-1);
|
|
box-shadow: 0px 0px 6px var(--color-primary-2), 0px 2px 8px 1px var(--color-primary-3);
|
|
backdrop-filter: blur(5px);
|
|
border-radius: var(--border-radius);
|
|
-webkit-backdrop-filter: blur(5px);
|
|
font-size: var(--font-size-16);
|
|
line-height: var(--font-size-16);
|
|
text-shadow: 0px 1px 2px black;
|
|
padding: 0.4em 0.6em;
|
|
}
|
|
[data-theme] #chat-controls .roll-type-select {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
margin: 0px;
|
|
}
|
|
[data-theme] #chat-controls .roll-type-select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme] #chat-controls .roll-type-select:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] #chat-controls .roll-type-select.disabled, [data-theme] #chat-controls .roll-type-select:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme] #chat-controls .roll-type-select.disabled::placeholder, [data-theme] #chat-controls .roll-type-select:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme] #chat-controls .roll-type-select::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme] #chat-controls .roll-type-select[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme].filepicker .favorites .paths {
|
|
box-shadow: unset;
|
|
border: 1px solid var(--input-border-color);
|
|
background: var(--input-background);
|
|
}
|
|
[data-theme].filepicker .favorites .paths .path {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--button-toggle-background);
|
|
--button-border-color: var(--button-toggle-border-color);
|
|
--button-focus-outline-color: var(--button-toggle-focus-outline-color);
|
|
--button-hover-background: var(--button-toggle-hover-background);
|
|
--button-hover-border-color: var(--button-toggle-hover-border-color);
|
|
border-radius: 3px;
|
|
}
|
|
[data-theme].filepicker .favorites .paths .path:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].filepicker .favorites .paths .path.view, [data-theme].filepicker .favorites .paths .path.selected, [data-theme].filepicker .favorites .paths .path.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].filepicker .favorites .paths .path.empty, [data-theme].filepicker .favorites .paths .path.disabled, [data-theme].filepicker .favorites .paths .path:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].filepicker .favorites .paths .path:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
[data-theme].filepicker .current-dir button {
|
|
height: 32px;
|
|
}
|
|
[data-theme].package-configuration aside.sidebar {
|
|
border: unset;
|
|
}
|
|
[data-theme].package-configuration aside.sidebar nav.tabs {
|
|
gap: 5px;
|
|
}
|
|
[data-theme].package-configuration aside.sidebar nav.tabs .category-tab {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
padding: 4px 8px;
|
|
margin: 1px 4px;
|
|
}
|
|
[data-theme].package-configuration aside.sidebar nav.tabs .category-tab:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].package-configuration aside.sidebar nav.tabs .category-tab.view, [data-theme].package-configuration aside.sidebar nav.tabs .category-tab.selected, [data-theme].package-configuration aside.sidebar nav.tabs .category-tab.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].package-configuration aside.sidebar nav.tabs .category-tab.empty, [data-theme].package-configuration aside.sidebar nav.tabs .category-tab.disabled, [data-theme].package-configuration aside.sidebar nav.tabs .category-tab:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].sheet nav.sheet-tabs {
|
|
border: none;
|
|
}
|
|
[data-theme] .directory .action-buttons button {
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .directory .directory-header .header-search input {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme] .directory .directory-header .header-search input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme] .directory .directory-header .header-search input:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .directory .directory-header .header-search input.disabled, [data-theme] .directory .directory-header .header-search input:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme] .directory .directory-header .header-search input.disabled::placeholder, [data-theme] .directory .directory-header .header-search input:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme] .directory .directory-header .header-search input::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme] .directory .directory-header .header-search input[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme] .directory .action-buttons button,
|
|
[data-theme] .settings-sidebar button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme] .directory .action-buttons button:not(.disabled, :disabled):hover,
|
|
[data-theme] .settings-sidebar button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .directory .action-buttons button.view, [data-theme] .directory .action-buttons button.selected, [data-theme] .directory .action-buttons button.active,
|
|
[data-theme] .settings-sidebar button.view,
|
|
[data-theme] .settings-sidebar button.selected,
|
|
[data-theme] .settings-sidebar button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] .directory .action-buttons button.empty, [data-theme] .directory .action-buttons button.disabled, [data-theme] .directory .action-buttons button:disabled,
|
|
[data-theme] .settings-sidebar button.empty,
|
|
[data-theme] .settings-sidebar button.disabled,
|
|
[data-theme] .settings-sidebar button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Core overwrites */
|
|
/* ----------------------------------------- */
|
|
[data-theme][data-color-scheme=dark].app.token-sheet .tab.active[data-tab=appearance] fieldset {
|
|
border-color: var(--color-secondary-3);
|
|
}
|
|
[data-theme][data-color-scheme=dark].app.token-sheet .tab.active[data-tab=appearance] fieldset > legend {
|
|
color: var(--text-color-2);
|
|
}
|
|
|
|
[data-theme].window-app .tabs .item {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme].window-app .tabs .item:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].window-app .tabs .item.view, [data-theme].window-app .tabs .item.selected, [data-theme].window-app .tabs .item.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].window-app .tabs .item.empty, [data-theme].window-app .tabs .item.disabled, [data-theme].window-app .tabs .item:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].sheet nav.sheet-tabs {
|
|
gap: 5px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Journals */
|
|
/* ----------------------------------------- */
|
|
[data-theme].sheet.journal-entry .journal-entry-content {
|
|
background: unset;
|
|
border: unset;
|
|
}
|
|
[data-theme].journal-sheet .journal-header .title {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme].journal-sheet .journal-header .title:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].journal-sheet .journal-header .title:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].journal-sheet .journal-header .title.disabled, [data-theme].journal-sheet .journal-header .title:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme].journal-sheet .journal-header .title.disabled::placeholder, [data-theme].journal-sheet .journal-header .title:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme].journal-sheet .journal-header .title::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme].journal-sheet .journal-header .title[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme] .editor-edit {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: 3px;
|
|
padding: 2px 5px;
|
|
}
|
|
[data-theme] .editor-edit:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .editor-edit.view, [data-theme] .editor-edit.selected, [data-theme] .editor-edit.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] .editor-edit.empty, [data-theme] .editor-edit.disabled, [data-theme] .editor-edit:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Tables */
|
|
/* ----------------------------------------- */
|
|
[data-theme] table.pf2e,
|
|
[data-theme] table.pf2-table {
|
|
--text-dark: black;
|
|
}
|
|
[data-theme] table:not(.pf2-table, .pf2e) tr:nth-child(even) {
|
|
background: color-mix(in srgb, var(--color-secondary-3) 20%, transparent);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Tagify and tags */
|
|
/* ----------------------------------------- */
|
|
[data-theme] .tagify,
|
|
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper,
|
|
[data-theme] tags.tagify.pf2e-tagify {
|
|
--tags-disabled-bg: #f1f1f1;
|
|
--tags-border-color: #ddd;
|
|
--tags-hover-border-color: #ccc;
|
|
--tags-focus-border-color: #3595f6;
|
|
--tag-border-radius: 3px;
|
|
--tag-bg: #e5e5e5;
|
|
--tag-hover: #d3e2e2;
|
|
--tag-text-color: black;
|
|
--tag-text-color--edit: black;
|
|
--tag-pad: 0.3em 0.5em;
|
|
--tag-inset-shadow-size: 1.1em;
|
|
--tag-invalid-color: #d39494;
|
|
--tag-invalid-bg: rgba(211, 148, 148, 0.5);
|
|
--tag-remove-bg: rgba(211, 148, 148, 0.3);
|
|
--tag-remove-btn-color: black;
|
|
--tag-remove-btn-bg: none;
|
|
--tag-remove-btn-bg--hover: #c77777;
|
|
--input-color: inherit;
|
|
--tag-hide-transition: 0.3s;
|
|
--placeholder-color: rgba(0, 0, 0, 0.4);
|
|
--placeholder-color-focus: rgba(0, 0, 0, 0.25);
|
|
--tag-bg: var(--color-primary-2);
|
|
--tags-hover-border-color: var(--color-secondary-3);
|
|
--tag-color: var(--text-color-2);
|
|
--tag-bg: var(--color-secondary-4);
|
|
--tag-border-color: var(--color-border-medium);
|
|
--tags-border-color: var(--color-border-medium);
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid var(--input-border-color);
|
|
box-shadow: var(--input-box-shadow);
|
|
border-radius: 3px;
|
|
}
|
|
[data-theme] .tagify .tagify__dropdown__item,
|
|
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper .tagify__dropdown__item,
|
|
[data-theme] tags.tagify.pf2e-tagify .tagify__dropdown__item {
|
|
color: var(--color-text-1);
|
|
}
|
|
[data-theme] .tagify.tagify--empty .tagify__input::before,
|
|
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper.tagify--empty .tagify__input::before,
|
|
[data-theme] tags.tagify.pf2e-tagify.tagify--empty .tagify__input::before {
|
|
color: var(--text-color-5);
|
|
}
|
|
[data-theme] .tagify:hover,
|
|
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper:hover,
|
|
[data-theme] tags.tagify.pf2e-tagify:hover {
|
|
box-shadow: unset;
|
|
}
|
|
[data-theme] .tagify select.tag,
|
|
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper select.tag,
|
|
[data-theme] tags.tagify.pf2e-tagify select.tag {
|
|
border-width: 1px 1px 1px 1px;
|
|
}
|
|
[data-theme] .tagify tag,
|
|
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper tag,
|
|
[data-theme] tags.tagify.pf2e-tagify tag {
|
|
border-radius: 4px;
|
|
border: 1px solid var(--tag-border-color);
|
|
}
|
|
[data-theme] .tagify tag .tagify__tag__removeBtn,
|
|
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper tag .tagify__tag__removeBtn,
|
|
[data-theme] tags.tagify.pf2e-tagify tag .tagify__tag__removeBtn {
|
|
width: 12px;
|
|
height: 12px;
|
|
font: 12px/1 Arial;
|
|
}
|
|
[data-theme] .tagify tag .tagify__tag__removeBtn,
|
|
[data-theme] .tagify tag > div .tagify__tag-text,
|
|
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper tag .tagify__tag__removeBtn,
|
|
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper tag > div .tagify__tag-text,
|
|
[data-theme] tags.tagify.pf2e-tagify tag .tagify__tag__removeBtn,
|
|
[data-theme] tags.tagify.pf2e-tagify tag > div .tagify__tag-text {
|
|
color: var(--tag-color);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* System overwrites */
|
|
/* ----------------------------------------- */
|
|
[data-theme][data-color-scheme=dark].pf2e.item.sheet {
|
|
--color-text-dark-2: var(--text-color-3);
|
|
--color-text-dark-4: var(--text-color-3);
|
|
--color-text-dark-input: var(--text-color-3);
|
|
--color-border-dark: var(--text-color-2);
|
|
--color-border-medium: var(--color-secondary-3);
|
|
}
|
|
|
|
[data-theme] {
|
|
--visibility-gm-bg: #e8e8efaa;
|
|
--visibility-owner-bg: #ddebe1aa;
|
|
}
|
|
[data-theme] table.pf2-table {
|
|
text-shadow: none;
|
|
}
|
|
[data-theme] [data-visibility]:not([data-visibility=all])[data-visibility=gm] [data-visibility=gm] {
|
|
background: none;
|
|
}
|
|
[data-theme].pf2e.item.sheet input {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme].pf2e.item.sheet input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet input:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].pf2e.item.sheet input.disabled, [data-theme].pf2e.item.sheet input:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme].pf2e.item.sheet input.disabled::placeholder, [data-theme].pf2e.item.sheet input:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme].pf2e.item.sheet input::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme].pf2e.item.sheet input[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .priority input {
|
|
width: 5ch;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-content section.sidebar .item-summary, [data-theme].pf2e.item.sheet form .sheet-content section.sheet-sidebar .item-summary {
|
|
color: var(--color-text-dark-secondary);
|
|
}
|
|
[data-theme].pf2e.item.sheet .sheet-header .details {
|
|
align-items: center;
|
|
}
|
|
[data-theme]#generate-check-prompt nav h4 a {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
padding: 4px 8px;
|
|
}
|
|
[data-theme]#generate-check-prompt nav h4 a:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#generate-check-prompt nav h4 a.view, [data-theme]#generate-check-prompt nav h4 a.selected, [data-theme]#generate-check-prompt nav h4 a.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme]#generate-check-prompt nav h4 a.empty, [data-theme]#generate-check-prompt nav h4 a.disabled, [data-theme]#generate-check-prompt nav h4 a:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme]#generate-check-prompt .dialog-content tags.tagify {
|
|
--tags-disabled-bg: #f1f1f1;
|
|
--tags-border-color: #ddd;
|
|
--tags-hover-border-color: #ccc;
|
|
--tags-focus-border-color: #3595f6;
|
|
--tag-border-radius: 3px;
|
|
--tag-bg: #e5e5e5;
|
|
--tag-hover: #d3e2e2;
|
|
--tag-text-color: black;
|
|
--tag-text-color--edit: black;
|
|
--tag-pad: 0.3em 0.5em;
|
|
--tag-inset-shadow-size: 1.1em;
|
|
--tag-invalid-color: #d39494;
|
|
--tag-invalid-bg: rgba(211, 148, 148, 0.5);
|
|
--tag-remove-bg: rgba(211, 148, 148, 0.3);
|
|
--tag-remove-btn-color: black;
|
|
--tag-remove-btn-bg: none;
|
|
--tag-remove-btn-bg--hover: #c77777;
|
|
--input-color: inherit;
|
|
--tag-hide-transition: 0.3s;
|
|
--placeholder-color: rgba(0, 0, 0, 0.4);
|
|
--placeholder-color-focus: rgba(0, 0, 0, 0.25);
|
|
--tag-bg: var(--color-primary-2);
|
|
--tags-border-color: var(--color-secondary-4);
|
|
--tags-hover-border-color: var(--color-secondary-3);
|
|
--tag-color: var(--text-color-2);
|
|
--tag-bg: var(--color-secondary-4);
|
|
--tag-border-color: var(--color-secondary-3);
|
|
--tags-border-color: var(--color-secondary-3);
|
|
border: 1px solid var(--tag-border-color);
|
|
border-radius: 3px;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .form-list, [data-theme].pf2e.item.sheet form section.sheet-body fieldset {
|
|
border-color: var(--color-secondary-3);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .form-list > legend, [data-theme].pf2e.item.sheet form section.sheet-body fieldset > legend {
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .form-list.basics, [data-theme].pf2e.item.sheet form section.sheet-body fieldset.basics {
|
|
border-color: transparent;
|
|
}
|
|
[data-theme] section.compendium-sidebar ol.directory-list ol.document-matches li.match .thumbnail img {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
padding: 0px;
|
|
}
|
|
[data-theme] section.compendium-sidebar ol.directory-list ol.document-matches li.match:hover .thumbnail img {
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--color-primary-2);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor:hover a.add-gm-notes {
|
|
display: flex;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--accent-color);
|
|
--button-border-color: var(--accent-color-dark);
|
|
--button-text-color: var(--accent-text-color);
|
|
--app-text-shadow: none;
|
|
--button-hover-background: var(--accent-color-light);
|
|
--button-hover-border-color: var(--accent-color);
|
|
--button-hover-text-color: var(--accent-text-color);
|
|
border-radius: 3px;
|
|
align-content: center;
|
|
justify-content: center;
|
|
right: 40px;
|
|
height: 28px;
|
|
width: 28px;
|
|
background-color: var(--color-primary-4);
|
|
border-color: var(--color-primary-3);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes.view, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes.selected, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes.empty, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes.disabled, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes > i {
|
|
margin-top: 3px;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--accent-color);
|
|
--button-border-color: var(--accent-color-dark);
|
|
--button-text-color: var(--accent-text-color);
|
|
--app-text-shadow: none;
|
|
--button-hover-background: var(--accent-color-light);
|
|
--button-hover-border-color: var(--accent-color);
|
|
--button-hover-text-color: var(--accent-text-color);
|
|
border-radius: 3px;
|
|
align-content: center;
|
|
justify-content: center;
|
|
height: 28px;
|
|
width: 28px;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit.view, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit.selected, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit.empty, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit.disabled, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-content input[type=text], [data-theme].pf2e.item.sheet form .sheet-content input[type=number], [data-theme].pf2e.item.sheet form .sheet-content select, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text], [data-theme].pf2e.item.sheet form section.sheet-body input[type=number] {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-content input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content input[type=text]:focus, [data-theme].pf2e.item.sheet form .sheet-content input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content input[type=number]:focus, [data-theme].pf2e.item.sheet form .sheet-content select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content select:focus, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text]:focus, [data-theme].pf2e.item.sheet form section.sheet-body input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form section.sheet-body input[type=number]:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-content input[type=text].disabled, [data-theme].pf2e.item.sheet form .sheet-content input[type=text]:disabled, [data-theme].pf2e.item.sheet form .sheet-content input[type=number].disabled, [data-theme].pf2e.item.sheet form .sheet-content input[type=number]:disabled, [data-theme].pf2e.item.sheet form .sheet-content select.disabled, [data-theme].pf2e.item.sheet form .sheet-content select:disabled, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text].disabled, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text]:disabled, [data-theme].pf2e.item.sheet form section.sheet-body input[type=number].disabled, [data-theme].pf2e.item.sheet form section.sheet-body input[type=number]:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-content input[type=text].disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input[type=text]:disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input[type=number].disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input[type=number]:disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select.disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select:disabled::placeholder, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text].disabled::placeholder, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text]:disabled::placeholder, [data-theme].pf2e.item.sheet form section.sheet-body input[type=number].disabled::placeholder, [data-theme].pf2e.item.sheet form section.sheet-body input[type=number]:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-content input[type=text]::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input[type=number]::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select::placeholder, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text]::placeholder, [data-theme].pf2e.item.sheet form section.sheet-body input[type=number]::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-content input[type=text][type=checkbox], [data-theme].pf2e.item.sheet form .sheet-content input[type=number][type=checkbox], [data-theme].pf2e.item.sheet form .sheet-content select[type=checkbox], [data-theme].pf2e.item.sheet form section.sheet-body input[type=text][type=checkbox], [data-theme].pf2e.item.sheet form section.sheet-body input[type=number][type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme].pf2e.item.sheet .sheet-header input[type=text], [data-theme].pf2e.item.sheet .sheet-header input[type=number] {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme].pf2e.item.sheet .sheet-header input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet .sheet-header input[type=text]:focus, [data-theme].pf2e.item.sheet .sheet-header input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet .sheet-header input[type=number]:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].pf2e.item.sheet .sheet-header input[type=text].disabled, [data-theme].pf2e.item.sheet .sheet-header input[type=text]:disabled, [data-theme].pf2e.item.sheet .sheet-header input[type=number].disabled, [data-theme].pf2e.item.sheet .sheet-header input[type=number]:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme].pf2e.item.sheet .sheet-header input[type=text].disabled::placeholder, [data-theme].pf2e.item.sheet .sheet-header input[type=text]:disabled::placeholder, [data-theme].pf2e.item.sheet .sheet-header input[type=number].disabled::placeholder, [data-theme].pf2e.item.sheet .sheet-header input[type=number]:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme].pf2e.item.sheet .sheet-header input[type=text]::placeholder, [data-theme].pf2e.item.sheet .sheet-header input[type=number]::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme].pf2e.item.sheet .sheet-header input[type=text][type=checkbox], [data-theme].pf2e.item.sheet .sheet-header input[type=number][type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select:focus, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select:focus, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select.disabled, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select:disabled, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select.disabled, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select:disabled, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select.disabled, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select.disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select:disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select.disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select:disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select.disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select::placeholder, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select::placeholder, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select[type=checkbox], [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select[type=checkbox], [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-content button:hover:not(:disabled), [data-theme].pf2e.item.sheet form .sheet-content button:focus {
|
|
border: 1px solid var(--button-border-color);
|
|
box-shadow: unset;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled), [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled), [data-theme].pf2e.item.sheet form .sheet-content select:focus {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled):not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled):focus, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus:focus, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled):not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled):focus, [data-theme].pf2e.item.sheet form .sheet-content select:focus:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content select:focus:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled).disabled, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled):disabled, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus.disabled, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus:disabled, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled).disabled, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled):disabled, [data-theme].pf2e.item.sheet form .sheet-content select:focus.disabled, [data-theme].pf2e.item.sheet form .sheet-content select:focus:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled).disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled):disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus.disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus:disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled).disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled):disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select:focus.disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select:focus:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled)::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled)::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select:focus::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled)[type=checkbox], [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus[type=checkbox], [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled)[type=checkbox], [data-theme].pf2e.item.sheet form .sheet-content select:focus[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
--text-dark: var(--text-color-3);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone i {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme].pf2e.item.sheet.action form .drop-zone {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme].pf2e.item.sheet.action form .drop-zone a.content-link, [data-theme].pf2e.item.sheet.action form .drop-zone picture, [data-theme].pf2e.item.sheet.action form .drop-zone img {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme].pf2e.item.sheet .sheet-header {
|
|
border: unset;
|
|
}
|
|
[data-theme].pf2e.item.sheet form > nav {
|
|
border: unset;
|
|
}
|
|
[data-theme].pf2e.item.sheet form > nav .sheet-tabs {
|
|
gap: 5px;
|
|
margin: 2px;
|
|
}
|
|
[data-theme].pf2e.item.sheet form > nav .sheet-tabs > a {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme].pf2e.item.sheet form > nav .sheet-tabs > a:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].pf2e.item.sheet form > nav .sheet-tabs > a.view, [data-theme].pf2e.item.sheet form > nav .sheet-tabs > a.selected, [data-theme].pf2e.item.sheet form > nav .sheet-tabs > a.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].pf2e.item.sheet form > nav .sheet-tabs > a.empty, [data-theme].pf2e.item.sheet form > nav .sheet-tabs > a.disabled, [data-theme].pf2e.item.sheet form > nav .sheet-tabs > a:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs {
|
|
border: unset;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
padding: 5px 10px;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a.view, [data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a.selected, [data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a.empty, [data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a.disabled, [data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .effects-container, [data-theme].pf2e.item.sheet form .details-container, [data-theme].pf2e.item.sheet form .dice-data {
|
|
gap: 5px;
|
|
align-items: center;
|
|
}
|
|
[data-theme].pf2e.item.sheet form section.sheet-body .item-mystification.active .mystification-status label {
|
|
color: var(--color-text-dark-4);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .gm-notes, [data-theme].pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background-color: var(--visibility-gm-bg);
|
|
border-style: dashed;
|
|
border-color: var(--color-primary-4);
|
|
text-shadow: none;
|
|
color: black;
|
|
}
|
|
[data-theme].pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes, [data-theme].pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.editor-edit {
|
|
background: var(--color-secondary-4);
|
|
border: 1px solid var(--color-secondary-3);
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme].pf2e.item.sheet form .sheet-body .tab.mystification.active .unidentified img {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
border: 1px solid;
|
|
border-color: var(--icon-border-color);
|
|
}
|
|
[data-theme].pf2e.item.sheet .sheet-header img {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
--app-border-width: 1px;
|
|
border-color: var(--icon-border-color);
|
|
border-radius: var(--border-radius);
|
|
margin-left: 2px;
|
|
margin-top: 2px;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment, [data-theme].pf2e.item.sheet form .item-rules .rule-form .attached-input .attachment {
|
|
--button-border-color: var(--color-primary-2);
|
|
--button-background: var(--color-primary-3);
|
|
--button-hover-border-color: var(--color-primary-4);
|
|
--button-hover-background: var(--color-primary-5);
|
|
--button-text-color: var(--text-color-2);
|
|
--box-shadow: none;
|
|
border-color: var(--button-border-color);
|
|
z-index: 1;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .item-rules .rule-form .attached-input input, [data-theme].pf2e.item.sheet form .item-rules .rule-form .attached-input tags {
|
|
border-left: unset;
|
|
}
|
|
[data-theme].pf2e.item.sheet form .item-rules .rule-form .attached-input input:hover, [data-theme].pf2e.item.sheet form .item-rules .rule-form .attached-input tags:hover {
|
|
border-left: unset;
|
|
}
|
|
[data-theme] .tox .tox-sidebar-wrap {
|
|
background-color: white;
|
|
}
|
|
[data-theme] .tox.tox-tinymce .tox-tbtn {
|
|
--button-background: white;
|
|
--button-hover-background: gray;
|
|
--app-text-shadow: none;
|
|
--box-shadow: none;
|
|
color: black;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Controls */
|
|
/* ----------------------------------------- */
|
|
nav#controls[data-theme] {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
display: flex;
|
|
align-items: var(--controls-alignment);
|
|
}
|
|
nav#controls[data-theme] ol.control-tools.sub-controls > li,
|
|
nav#controls[data-theme] ol.control-tools.main-controls {
|
|
margin-right: var(--controls-margin);
|
|
}
|
|
nav#controls[data-theme] ol.control-tools.main-control {
|
|
margin-right: var(--controls-margin);
|
|
}
|
|
nav#controls[data-theme] ol.control-tools li.control-tool,
|
|
nav#controls[data-theme] ol.control-tools > li {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
margin-bottom: var(--controls-margin);
|
|
height: var(--control-size);
|
|
width: var(--control-size);
|
|
font-size: calc(var(--control-size) - 12px);
|
|
}
|
|
nav#controls[data-theme] ol.control-tools li.control-tool:not(.disabled, :disabled):hover,
|
|
nav#controls[data-theme] ol.control-tools > li:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
nav#controls[data-theme] ol.control-tools li.control-tool.view, nav#controls[data-theme] ol.control-tools li.control-tool.selected, nav#controls[data-theme] ol.control-tools li.control-tool.active,
|
|
nav#controls[data-theme] ol.control-tools > li.view,
|
|
nav#controls[data-theme] ol.control-tools > li.selected,
|
|
nav#controls[data-theme] ol.control-tools > li.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
nav#controls[data-theme] ol.control-tools li.control-tool.empty, nav#controls[data-theme] ol.control-tools li.control-tool.disabled, nav#controls[data-theme] ol.control-tools li.control-tool:disabled,
|
|
nav#controls[data-theme] ol.control-tools > li.empty,
|
|
nav#controls[data-theme] ol.control-tools > li.disabled,
|
|
nav#controls[data-theme] ol.control-tools > li:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
nav#controls[data-theme] ol.control-tools li.control-tool > img,
|
|
nav#controls[data-theme] ol.control-tools > li > img {
|
|
filter: sepia() brightness(0.7) sepia(1) grayscale(0.7) drop-shadow(0px 1px 1px black);
|
|
}
|
|
nav#controls[data-theme] ol.control-tools li.control-tool:hover > img,
|
|
nav#controls[data-theme] ol.control-tools > li:hover > img {
|
|
filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 1px 1px black);
|
|
}
|
|
nav#controls[data-theme] ol.control-tools li.control-tool.toggle,
|
|
nav#controls[data-theme] ol.control-tools > li.toggle {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--button-toggle-background);
|
|
--button-border-color: var(--button-toggle-border-color);
|
|
--button-focus-outline-color: var(--button-toggle-focus-outline-color);
|
|
--button-hover-background: var(--button-toggle-hover-background);
|
|
--button-hover-border-color: var(--button-toggle-hover-border-color);
|
|
}
|
|
nav#controls[data-theme] ol.control-tools li.control-tool.toggle:not(.disabled, :disabled):hover,
|
|
nav#controls[data-theme] ol.control-tools > li.toggle:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
nav#controls[data-theme] ol.control-tools li.control-tool.toggle.view, nav#controls[data-theme] ol.control-tools li.control-tool.toggle.selected, nav#controls[data-theme] ol.control-tools li.control-tool.toggle.active,
|
|
nav#controls[data-theme] ol.control-tools > li.toggle.view,
|
|
nav#controls[data-theme] ol.control-tools > li.toggle.selected,
|
|
nav#controls[data-theme] ol.control-tools > li.toggle.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
nav#controls[data-theme] ol.control-tools li.control-tool.toggle.empty, nav#controls[data-theme] ol.control-tools li.control-tool.toggle.disabled, nav#controls[data-theme] ol.control-tools li.control-tool.toggle:disabled,
|
|
nav#controls[data-theme] ol.control-tools > li.toggle.empty,
|
|
nav#controls[data-theme] ol.control-tools > li.toggle.disabled,
|
|
nav#controls[data-theme] ol.control-tools > li.toggle:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
nav#controls[data-theme] ol.control-tools li.control-tool.toggle:disabled,
|
|
nav#controls[data-theme] ol.control-tools > li.toggle:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
|
|
[data-theme]#darkness-adjuster {
|
|
outline: none;
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme]#darkness-adjuster .window-content {
|
|
overflow: hidden;
|
|
background: unset;
|
|
box-shadow: unset;
|
|
border: none;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Hotbar */
|
|
/* ----------------------------------------- */
|
|
#hotbar[data-theme] .bar-controls {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
#hotbar[data-theme] .macro {
|
|
height: calc(var(--macro-size) + 2px);
|
|
width: calc(var(--macro-size) + 2px);
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
#hotbar[data-theme] .macro.inactive::before, #hotbar[data-theme] .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, border-radius 0.15s, outline 0.15s;
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: var(--border-radius);
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
}
|
|
#hotbar[data-theme] .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, border-radius 0.15s, outline 0.15s;
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: color-mix(in srgb, var(--color-primary-1) 20%, transparent);
|
|
border-radius: var(--border-radius);
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
}
|
|
#hotbar[data-theme] .macro .macro-key {
|
|
background: none;
|
|
right: 6px;
|
|
padding: 0px;
|
|
font-weight: initial;
|
|
text-shadow: 0px 1px 5px black, 0px 1px 5px black;
|
|
font-size: calc(var(--macro-size) / 3);
|
|
}
|
|
#hotbar[data-theme] .macro .macro-icon {
|
|
border-radius: var(--border-radius);
|
|
height: calc(var(--macro-size) + 0px);
|
|
width: calc(var(--macro-size) + 0px);
|
|
}
|
|
#hotbar[data-theme] #macro-list {
|
|
gap: 5px;
|
|
margin: 0px 5px;
|
|
border: none;
|
|
grid-template-columns: repeat(10, calc(var(--macro-size) + 2px));
|
|
align-content: end;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Navigation */
|
|
/* ----------------------------------------- */
|
|
#navigation[data-theme] {
|
|
width: calc(100% - 46px);
|
|
}
|
|
#navigation[data-theme] #nav-toggle {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex: 0 0 var(--control-size);
|
|
height: var(--control-size);
|
|
}
|
|
#navigation[data-theme] ol#scene-list li.nav-item {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--button-toggle-background);
|
|
--button-border-color: var(--button-toggle-border-color);
|
|
--button-focus-outline-color: var(--button-toggle-focus-outline-color);
|
|
--button-hover-background: var(--button-toggle-hover-background);
|
|
--button-hover-border-color: var(--button-toggle-hover-border-color);
|
|
line-height: var(--control-size);
|
|
}
|
|
#navigation[data-theme] ol#scene-list li.nav-item:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
#navigation[data-theme] ol#scene-list li.nav-item.view, #navigation[data-theme] ol#scene-list li.nav-item.selected, #navigation[data-theme] ol#scene-list li.nav-item.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
#navigation[data-theme] ol#scene-list li.nav-item.empty, #navigation[data-theme] ol#scene-list li.nav-item.disabled, #navigation[data-theme] ol#scene-list li.nav-item:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
#navigation[data-theme] ol#scene-list li.nav-item:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
#navigation[data-theme] ol#scene-list li.nav-item > a:hover {
|
|
text-shadow: unset;
|
|
}
|
|
#navigation[data-theme] ol#scene-list li.nav-item .scene-players {
|
|
text-shadow: none;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Notifications */
|
|
/* ----------------------------------------- */
|
|
[data-theme] .notification {
|
|
border: 1px solid transparent;
|
|
text-shadow: 0px 0px 3px black;
|
|
box-shadow: 0px 2px 2px black;
|
|
}
|
|
[data-theme] .notification.info {
|
|
background: var(--color-level-info-bg);
|
|
border-color: var(--color-level-info-border);
|
|
}
|
|
[data-theme] .notification.alert, [data-theme] .notification.warning {
|
|
background: var(--color-level-warning-bg);
|
|
border-color: var(--color-level-warning-border);
|
|
}
|
|
[data-theme] .notification.error {
|
|
background: var(--color-level-error-bg);
|
|
border-color: var(--color-level-error-border);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Placeable HUD */
|
|
/* ----------------------------------------- */
|
|
[data-theme] #token-hud .attribute.bar1 input {
|
|
--input-border-color: var(--color-level-success-border);
|
|
--input-focus-outline-color: var(--color-level-success-border);
|
|
--input-background: var(--color-level-success-bg);
|
|
--input-focus-text-color: var(--text-color-2);
|
|
--input-text-color: var(--text-color-2);
|
|
}
|
|
[data-theme] #token-hud .attribute.bar2 input {
|
|
--input-border-color: var(--color-level-info-border);
|
|
--input-focus-outline-color: var(--color-level-info-border);
|
|
--input-background: var(--color-level-info-bg);
|
|
--input-text-color: var(--text-color-2);
|
|
}
|
|
[data-theme].placeable-hud input[type=text] {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
text-shadow: 0px 1px 2px black;
|
|
--input-focus-text-color: var(--text-color-2);
|
|
}
|
|
[data-theme].placeable-hud input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].placeable-hud input[type=text]:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].placeable-hud input[type=text].disabled, [data-theme].placeable-hud input[type=text]:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme].placeable-hud input[type=text].disabled::placeholder, [data-theme].placeable-hud input[type=text]:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme].placeable-hud input[type=text]::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme].placeable-hud input[type=text][type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme].placeable-hud input[type=text][name=elevation] {
|
|
--input-background: var(--app-background);
|
|
font-size: 18px;
|
|
width: 42px;
|
|
}
|
|
[data-theme] .placeable-hud .control-icon img {
|
|
opacity: 1;
|
|
}
|
|
[data-theme] #token-hud .attribute i.fas {
|
|
color: var(--color-secondary-1);
|
|
text-shadow: 0px 1px 2px black;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Token HUD */
|
|
/* ----------------------------------------- */
|
|
#token-hud[data-theme] .status-effects.active {
|
|
gap: 5px;
|
|
background: unset;
|
|
border: unset;
|
|
box-shadow: unset;
|
|
}
|
|
#token-hud[data-theme] .status-effects.active picture img {
|
|
opacity: unset;
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
#token-hud[data-theme] .status-effects.active picture:hover img {
|
|
border-color: var(--color-primary-2);
|
|
box-shadow: 0px 0px 6px var(--color-primary-3), 0px 2px 8px 1px var(--color-primary-4);
|
|
}
|
|
#token-hud[data-theme] .status-effects.active picture.active img {
|
|
border-color: var(--color-primary-1);
|
|
box-shadow: 0px 0px 6px var(--color-primary-2), 0px 2px 8px 1px var(--color-primary-3);
|
|
}
|
|
|
|
#token-hud[data-theme] .status-effects .title-bar {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
box-shadow: var(--window-app-box-shadow);
|
|
border-radius: var(--border-radius);
|
|
backdrop-filter: blur(5px);
|
|
-webkit-backdrop-filter: blur(5px);
|
|
text-shadow: 0px 1px 2px black;
|
|
}
|
|
|
|
#token-hud[data-theme] .status-effects .effect-control .badge {
|
|
border-width: 1px;
|
|
border-radius: 0px var(--border-radius) 0px 3px;
|
|
background: var(--color-primary-3);
|
|
border-left-color: var(--color-primary-1);
|
|
border-bottom-color: var(--color-primary-1);
|
|
color: var(--text-color-2);
|
|
font-size: 10px;
|
|
text-shadow: 0px 1px 2px black;
|
|
top: 0px;
|
|
right: 1px;
|
|
font-weight: 600;
|
|
}
|
|
#token-hud[data-theme] .status-effects .effect-control .badge.fa-lock:before {
|
|
position: relative;
|
|
font-size: 6px;
|
|
}
|
|
|
|
#token-hud[data-theme] .status-effects .effect-control {
|
|
opacity: unset;
|
|
}
|
|
|
|
[data-theme] .control-icon {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme] .control-icon:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .control-icon.view, [data-theme] .control-icon.selected, [data-theme] .control-icon.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] .control-icon.empty, [data-theme] .control-icon.disabled, [data-theme] .control-icon:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme] .control-icon > img {
|
|
filter: sepia() brightness(0.7) sepia(1) grayscale(0.7) drop-shadow(0px 1px 1px black);
|
|
}
|
|
[data-theme] .control-icon:hover > img {
|
|
filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 1px 1px black);
|
|
}
|
|
[data-theme] .control-icon[data-action=visibility], [data-theme] .control-icon[data-action=effects], [data-theme] .control-icon[data-action=combat], [data-theme] .control-icon[data-action=locked], [data-theme] .control-icon[data-action=target], [data-theme] .control-icon[data-action=active], [data-theme] .control-icon[data-action=mystify] {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--button-toggle-background);
|
|
--button-border-color: var(--button-toggle-border-color);
|
|
--button-focus-outline-color: var(--button-toggle-focus-outline-color);
|
|
--button-hover-background: var(--button-toggle-hover-background);
|
|
--button-hover-border-color: var(--button-toggle-hover-border-color);
|
|
}
|
|
[data-theme] .control-icon[data-action=visibility]:not(.disabled, :disabled):hover, [data-theme] .control-icon[data-action=effects]:not(.disabled, :disabled):hover, [data-theme] .control-icon[data-action=combat]:not(.disabled, :disabled):hover, [data-theme] .control-icon[data-action=locked]:not(.disabled, :disabled):hover, [data-theme] .control-icon[data-action=target]:not(.disabled, :disabled):hover, [data-theme] .control-icon[data-action=active]:not(.disabled, :disabled):hover, [data-theme] .control-icon[data-action=mystify]:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .control-icon[data-action=visibility].view, [data-theme] .control-icon[data-action=visibility].selected, [data-theme] .control-icon[data-action=visibility].active, [data-theme] .control-icon[data-action=effects].view, [data-theme] .control-icon[data-action=effects].selected, [data-theme] .control-icon[data-action=effects].active, [data-theme] .control-icon[data-action=combat].view, [data-theme] .control-icon[data-action=combat].selected, [data-theme] .control-icon[data-action=combat].active, [data-theme] .control-icon[data-action=locked].view, [data-theme] .control-icon[data-action=locked].selected, [data-theme] .control-icon[data-action=locked].active, [data-theme] .control-icon[data-action=target].view, [data-theme] .control-icon[data-action=target].selected, [data-theme] .control-icon[data-action=target].active, [data-theme] .control-icon[data-action=active].view, [data-theme] .control-icon[data-action=active].selected, [data-theme] .control-icon[data-action=active].active, [data-theme] .control-icon[data-action=mystify].view, [data-theme] .control-icon[data-action=mystify].selected, [data-theme] .control-icon[data-action=mystify].active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] .control-icon[data-action=visibility].empty, [data-theme] .control-icon[data-action=visibility].disabled, [data-theme] .control-icon[data-action=visibility]:disabled, [data-theme] .control-icon[data-action=effects].empty, [data-theme] .control-icon[data-action=effects].disabled, [data-theme] .control-icon[data-action=effects]:disabled, [data-theme] .control-icon[data-action=combat].empty, [data-theme] .control-icon[data-action=combat].disabled, [data-theme] .control-icon[data-action=combat]:disabled, [data-theme] .control-icon[data-action=locked].empty, [data-theme] .control-icon[data-action=locked].disabled, [data-theme] .control-icon[data-action=locked]:disabled, [data-theme] .control-icon[data-action=target].empty, [data-theme] .control-icon[data-action=target].disabled, [data-theme] .control-icon[data-action=target]:disabled, [data-theme] .control-icon[data-action=active].empty, [data-theme] .control-icon[data-action=active].disabled, [data-theme] .control-icon[data-action=active]:disabled, [data-theme] .control-icon[data-action=mystify].empty, [data-theme] .control-icon[data-action=mystify].disabled, [data-theme] .control-icon[data-action=mystify]:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme] .control-icon[data-action=visibility]:disabled, [data-theme] .control-icon[data-action=effects]:disabled, [data-theme] .control-icon[data-action=combat]:disabled, [data-theme] .control-icon[data-action=locked]:disabled, [data-theme] .control-icon[data-action=target]:disabled, [data-theme] .control-icon[data-action=active]:disabled, [data-theme] .control-icon[data-action=mystify]:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* UI-right */
|
|
/* ----------------------------------------- */
|
|
#ui-right {
|
|
background: linear-gradient(to left, rgba(0, 0, 0, 0.8) calc(100% - 10px), transparent 100%);
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
}
|
|
#ui-right #sidebar {
|
|
background: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
margin: 0px;
|
|
height: 100%;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Sidebar */
|
|
/* ----------------------------------------- */
|
|
#chat,
|
|
[data-chat-interface-theme] .chat-sidebar {
|
|
--sidebar-gap: 4px;
|
|
--sidebar-margin: 6px;
|
|
gap: var(--sidebar-gap);
|
|
padding-bottom: var(--sidebar-margin);
|
|
}
|
|
|
|
[data-chat-interface-theme] section.chat-sidebar .jump-to-bottom > a {
|
|
background: black;
|
|
z-index: 1;
|
|
}
|
|
|
|
[data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button.view, [data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button.selected, [data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button.empty, [data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button.disabled, [data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-dorako-ui-scope=sidebar] .tab input:not([type=range]) {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-dorako-ui-scope=sidebar] .tab input:not([type=range]):not(:disabled, .disabled, [type=checkbox]):hover, [data-dorako-ui-scope=sidebar] .tab input:not([type=range]):focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-dorako-ui-scope=sidebar] .tab input:not([type=range]).disabled, [data-dorako-ui-scope=sidebar] .tab input:not([type=range]):disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-dorako-ui-scope=sidebar] .tab input:not([type=range]).disabled::placeholder, [data-dorako-ui-scope=sidebar] .tab input:not([type=range]):disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-dorako-ui-scope=sidebar] .tab input:not([type=range])::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-dorako-ui-scope=sidebar] .tab input:not([type=range])[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-dorako-ui-scope=sidebar] ::-webkit-scrollbar-thumb {
|
|
outline: none;
|
|
border-radius: 3px;
|
|
background: var(--scrollbar-thumb-background);
|
|
border: 1px solid var(--scrollbar-thumb-border-color);
|
|
transition: outline 0.15s;
|
|
}
|
|
[data-dorako-ui-scope=sidebar] ::-webkit-scrollbar-track {
|
|
box-shadow: 0 0 1px var(--color-secondary-3) inset;
|
|
box-shadow: unset;
|
|
border-radius: 4px;
|
|
}
|
|
[data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons {
|
|
gap: 5px;
|
|
}
|
|
[data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button.view, [data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button.selected, [data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button.empty, [data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button.disabled, [data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-dorako-ui-scope=sidebar] .compendium.directory .directory-header .compendium-name,
|
|
[data-dorako-ui-scope=sidebar] .compendium-sidebar .directory-item.compendium .compendium-name,
|
|
[data-dorako-ui-scope=sidebar] .compendium-sidebar .directory-item.compendium.locked .compendium-name {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-dorako-ui-scope=sidebar] .compendium-sidebar .directory-item.compendium .compendium-footer .source {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
border-left: unset;
|
|
border-bottom-left-radius: unset;
|
|
border-top-left-radius: unset;
|
|
border-bottom-right-radius: unset;
|
|
}
|
|
|
|
[data-dorako-ui-scope=sidebar] .combat-sidebar li.combatant .token-name img.token-effect,
|
|
[data-theme] .combat-sidebar li.combatant .token-name img.token-effect {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
border: 1px solid;
|
|
border-color: var(--icon-border-color);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Chatlog */
|
|
/* ----------------------------------------- */
|
|
[data-chat-interface-theme] #chat-log {
|
|
margin-left: calc(var(--sidebar-margin) - 3px);
|
|
}
|
|
[data-chat-interface-theme] #chat-log::-webkit-scrollbar-thumb {
|
|
outline: none;
|
|
border-radius: 3px;
|
|
background: var(--scrollbar-thumb-background);
|
|
border: 1px solid var(--scrollbar-thumb-border-color);
|
|
transition: outline 0.15s;
|
|
}
|
|
[data-chat-interface-theme] #chat-log::-webkit-scrollbar-track {
|
|
box-shadow: none;
|
|
box-shadow: unset;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
[data-chat-interface-theme] #chat-log ~ * input[type=checkbox]:checked,
|
|
[data-chat-interface-theme] #chat-log ~ * input[type=radio]:checked {
|
|
accent-color: var(--accent-color);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * button.view, [data-chat-interface-theme] #chat-log ~ * button.selected, [data-chat-interface-theme] #chat-log ~ * button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * button.empty, [data-chat-interface-theme] #chat-log ~ * button.disabled, [data-chat-interface-theme] #chat-log ~ * button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--button-toggle-background);
|
|
--button-border-color: var(--button-toggle-border-color);
|
|
--button-focus-outline-color: var(--button-toggle-focus-outline-color);
|
|
--button-hover-background: var(--button-toggle-hover-background);
|
|
--button-hover-border-color: var(--button-toggle-hover-border-color);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button.view, [data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button.selected, [data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button.empty, [data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button.disabled, [data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ *#chat-form {
|
|
margin: 0px var(--sidebar-margin);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ *#chat-form textarea {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
height: 100%;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ *#chat-form textarea:not(:disabled, .disabled, [type=checkbox]):hover, [data-chat-interface-theme] #chat-log ~ *#chat-form textarea:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ *#chat-form textarea.disabled, [data-chat-interface-theme] #chat-log ~ *#chat-form textarea:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ *#chat-form textarea.disabled::placeholder, [data-chat-interface-theme] #chat-log ~ *#chat-form textarea:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ *#chat-form textarea::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-chat-interface-theme] #chat-log ~ *#chat-form textarea[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
|
|
[data-chat-interface-theme] #sidebar-tabs {
|
|
border: unset;
|
|
}
|
|
[data-chat-interface-theme] #sidebar-tabs > .item.active {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
--button-focus-outline-color: transparent;
|
|
}
|
|
[data-chat-interface-theme] #sidebar-tabs > .item.active:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-chat-interface-theme] #sidebar-tabs > .item.active.view, [data-chat-interface-theme] #sidebar-tabs > .item.active.selected, [data-chat-interface-theme] #sidebar-tabs > .item.active.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-chat-interface-theme] #sidebar-tabs > .item.active.empty, [data-chat-interface-theme] #sidebar-tabs > .item.active.disabled, [data-chat-interface-theme] #sidebar-tabs > .item.active:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
|
|
[data-theme].filepicker .display-modes a {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme].filepicker .display-modes a:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].filepicker .display-modes a.view, [data-theme].filepicker .display-modes a.selected, [data-theme].filepicker .display-modes a.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].filepicker .display-modes a.empty, [data-theme].filepicker .display-modes a.disabled, [data-theme].filepicker .display-modes a:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].filepicker .private button.privacy {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
--button-background: #7331ff;
|
|
}
|
|
[data-theme].filepicker .private button.privacy:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].filepicker .private button.privacy.view, [data-theme].filepicker .private button.privacy.selected, [data-theme].filepicker .private button.privacy.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].filepicker .private button.privacy.empty, [data-theme].filepicker .private button.privacy.disabled, [data-theme].filepicker .private button.privacy:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].filepicker .filepicker-header .quick-link-input-button {
|
|
--box-shadow: none;
|
|
--button-hover-background: none;
|
|
--button-hover-border-color: transparent;
|
|
}
|
|
|
|
[data-theme].sheet.army {
|
|
--color-text-light: var(--text-color-2);
|
|
}
|
|
[data-theme].sheet.army.window-app .window-header {
|
|
background: #504c45;
|
|
border-top-left-radius: var(--border-radius);
|
|
border-top-right-radius: var(--border-radius);
|
|
color: #ffffff !important;
|
|
}
|
|
[data-theme].sheet.army form {
|
|
background: unset;
|
|
}
|
|
[data-theme].sheet.army form section.army-body fieldset {
|
|
border: 1px solid var(--fieldset-border-color) !important;
|
|
background: var(--fieldset-background-color) !important;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-theme].sheet.army form section.army-body fieldset > legend {
|
|
color: var(--fieldset-legend-color);
|
|
text-shadow: unset;
|
|
}
|
|
[data-theme].sheet.army form .army-sidebar header {
|
|
--primary: var(--color-primary-2);
|
|
}
|
|
[data-theme].sheet.army form ol.item-list li.item .item-icon {
|
|
border-radius: 3px;
|
|
border-color: var(--icon-border-color);
|
|
}
|
|
|
|
[data-theme].sheet.hazard {
|
|
--color-text-light: var(--text-color-2);
|
|
}
|
|
[data-theme].sheet.hazard.window-app .window-header {
|
|
background: #19302c;
|
|
border-top-left-radius: var(--border-radius);
|
|
border-top-right-radius: var(--border-radius);
|
|
color: #ffffff !important;
|
|
}
|
|
[data-theme].sheet.hazard.window-app.minimized .window-header {
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-theme].sheet.hazard .section-container.publication .section-body input[type=text], [data-theme].sheet.hazard .container input[type=text], [data-theme].sheet.hazard .container input[type=number], [data-theme].sheet.hazard .container select {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme].sheet.hazard .section-container.publication .section-body input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.hazard .section-container.publication .section-body input[type=text]:focus, [data-theme].sheet.hazard .container input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.hazard .container input[type=text]:focus, [data-theme].sheet.hazard .container input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.hazard .container input[type=number]:focus, [data-theme].sheet.hazard .container select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.hazard .container select:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].sheet.hazard .section-container.publication .section-body input[type=text].disabled, [data-theme].sheet.hazard .section-container.publication .section-body input[type=text]:disabled, [data-theme].sheet.hazard .container input[type=text].disabled, [data-theme].sheet.hazard .container input[type=text]:disabled, [data-theme].sheet.hazard .container input[type=number].disabled, [data-theme].sheet.hazard .container input[type=number]:disabled, [data-theme].sheet.hazard .container select.disabled, [data-theme].sheet.hazard .container select:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme].sheet.hazard .section-container.publication .section-body input[type=text].disabled::placeholder, [data-theme].sheet.hazard .section-container.publication .section-body input[type=text]:disabled::placeholder, [data-theme].sheet.hazard .container input[type=text].disabled::placeholder, [data-theme].sheet.hazard .container input[type=text]:disabled::placeholder, [data-theme].sheet.hazard .container input[type=number].disabled::placeholder, [data-theme].sheet.hazard .container input[type=number]:disabled::placeholder, [data-theme].sheet.hazard .container select.disabled::placeholder, [data-theme].sheet.hazard .container select:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme].sheet.hazard .section-container.publication .section-body input[type=text]::placeholder, [data-theme].sheet.hazard .container input[type=text]::placeholder, [data-theme].sheet.hazard .container input[type=number]::placeholder, [data-theme].sheet.hazard .container select::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme].sheet.hazard .section-container.publication .section-body input[type=text][type=checkbox], [data-theme].sheet.hazard .container input[type=text][type=checkbox], [data-theme].sheet.hazard .container input[type=number][type=checkbox], [data-theme].sheet.hazard .container select[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme].sheet.hazard form > header {
|
|
--text-dark: black;
|
|
}
|
|
[data-theme].sheet.hazard .section-container, [data-theme].sheet.hazard form > header {
|
|
--input-text-color: white;
|
|
}
|
|
[data-theme].sheet.hazard form > header .details {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 3px;
|
|
}
|
|
[data-theme].sheet.hazard form > header .title {
|
|
align-items: center;
|
|
}
|
|
[data-theme].sheet.hazard .sidebar .sidebar-title {
|
|
border: unset;
|
|
}
|
|
[data-theme].sheet.hazard .sidebar {
|
|
border: unset;
|
|
box-shadow: unset;
|
|
}
|
|
[data-theme].sheet.hazard .sidebar > section {
|
|
gap: 3px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
[data-theme].sheet.hazard .section-container .section-header h4 {
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme].sheet.hazard .section-container {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
padding: unset;
|
|
margin: 4px 6px 0;
|
|
border: 1px solid var(--color-primary-3);
|
|
background: var(--color-primary-4);
|
|
}
|
|
[data-theme].sheet.hazard .section-container .section-header {
|
|
background: unset;
|
|
border: unset;
|
|
}
|
|
[data-theme].sheet.hazard .section-container .section-body {
|
|
background: unset;
|
|
border: unset;
|
|
}
|
|
|
|
[data-theme].sheet.familiar form {
|
|
background: unset;
|
|
}
|
|
[data-theme].sheet.familiar .section-container {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
--primary: var(--text-color-3);
|
|
padding: unset;
|
|
margin: 4px 6px 0;
|
|
border: 1px solid var(--color-primary-3);
|
|
background: var(--color-primary-4);
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-theme].sheet.familiar .section-container .section-header {
|
|
background: unset;
|
|
border: unset;
|
|
}
|
|
[data-theme].sheet.familiar .section-container .section-body {
|
|
background: unset;
|
|
border: unset;
|
|
}
|
|
[data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input, [data-theme].sheet.familiar select, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text] {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:focus, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input:focus, [data-theme].sheet.familiar select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.familiar select:focus, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text]:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input.disabled, [data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:disabled, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input.disabled, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input:disabled, [data-theme].sheet.familiar select.disabled, [data-theme].sheet.familiar select:disabled, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text].disabled, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text]:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input.disabled::placeholder, [data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:disabled::placeholder, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input.disabled::placeholder, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input:disabled::placeholder, [data-theme].sheet.familiar select.disabled::placeholder, [data-theme].sheet.familiar select:disabled::placeholder, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text].disabled::placeholder, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text]:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input::placeholder, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input::placeholder, [data-theme].sheet.familiar select::placeholder, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text]::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input[type=checkbox], [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input[type=checkbox], [data-theme].sheet.familiar select[type=checkbox], [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text][type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input {
|
|
font-size: 24px;
|
|
margin-right: 100px;
|
|
}
|
|
[data-theme].sheet.familiar .skills-content .skills-list .skill-name {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme].sheet.familiar .skills-content .skills-list .skill-name:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].sheet.familiar .skills-content .skills-list .skill-name.view, [data-theme].sheet.familiar .skills-content .skills-list .skill-name.selected, [data-theme].sheet.familiar .skills-content .skills-list .skill-name.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].sheet.familiar .skills-content .skills-list .skill-name.empty, [data-theme].sheet.familiar .skills-content .skills-list .skill-name.disabled, [data-theme].sheet.familiar .skills-content .skills-list .skill-name:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
|
|
[data-theme].sheet.actor.loot section.sidebar {
|
|
box-shadow: unset;
|
|
border: unset;
|
|
}
|
|
[data-theme].sheet.actor.loot section.sidebar .image-container > img.actor-image {
|
|
border: unset;
|
|
}
|
|
[data-theme].sheet.actor.loot section.sidebar .gm-settings {
|
|
border: unset;
|
|
}
|
|
[data-theme].sheet.actor.loot .sheet-header {
|
|
border: unset;
|
|
box-shadow: unset;
|
|
}
|
|
[data-theme].sheet.actor.loot section.sidebar .gm-settings .loot-distribution {
|
|
box-shadow: unset;
|
|
background: unset;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 3px;
|
|
}
|
|
[data-theme].sheet.actor.loot .sheet-header .tags .tag, [data-theme].sheet.actor.loot .sheet-header h1 > input {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme].sheet.actor.loot .sheet-header .tags .tag:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.actor.loot .sheet-header .tags .tag:focus, [data-theme].sheet.actor.loot .sheet-header h1 > input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.actor.loot .sheet-header h1 > input:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].sheet.actor.loot .sheet-header .tags .tag.disabled, [data-theme].sheet.actor.loot .sheet-header .tags .tag:disabled, [data-theme].sheet.actor.loot .sheet-header h1 > input.disabled, [data-theme].sheet.actor.loot .sheet-header h1 > input:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme].sheet.actor.loot .sheet-header .tags .tag.disabled::placeholder, [data-theme].sheet.actor.loot .sheet-header .tags .tag:disabled::placeholder, [data-theme].sheet.actor.loot .sheet-header h1 > input.disabled::placeholder, [data-theme].sheet.actor.loot .sheet-header h1 > input:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme].sheet.actor.loot .sheet-header .tags .tag::placeholder, [data-theme].sheet.actor.loot .sheet-header h1 > input::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme].sheet.actor.loot .sheet-header .tags .tag[type=checkbox], [data-theme].sheet.actor.loot .sheet-header h1 > input[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button.view, [data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button.selected, [data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button.empty, [data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button.disabled, [data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.pf2e.actor.npc.app {
|
|
--section-background: var(--color-primary-5);
|
|
--section-header: var(--color-primary-4);
|
|
--section-border-color: var(--scrollbar-thumb-border-color);
|
|
--section-outline-color: var(--color-secondary-5);
|
|
--section-header-text-color: var(--text-color-2);
|
|
--tag-border-color: var(--text-color-5);
|
|
--tag-background-color: var(--color-secondary-4);
|
|
--tag-text-color: var(--text-color-4);
|
|
--color-text-dark-input: var(--text-color-3);
|
|
--text-dark: var(--text-color-2);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .item-name h4:hover {
|
|
--secondary: var(--accent-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
max-width: 60px;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input:focus, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input:disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input:disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input[type=checkbox], [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input:focus, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input:disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input:disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input[type=checkbox], [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text] {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text]:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text].disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text]:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text].disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text]:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text]::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text][type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked {
|
|
padding: 3px;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .actions-list li.action:not(:last-child), [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .attacks-list li.action:not(:last-child) {
|
|
border-color: var(--section-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section > h4 {
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .details-label {
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-text {
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--accent-color);
|
|
--button-border-color: var(--accent-color-dark);
|
|
--button-text-color: var(--accent-text-color);
|
|
--app-text-shadow: none;
|
|
--button-hover-background: var(--accent-color-light);
|
|
--button-hover-border-color: var(--accent-color);
|
|
--button-hover-text-color: var(--accent-text-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create.view, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create.selected, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create.empty, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name, [data-theme][data-dorako-ui-scope=limited].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name {
|
|
gap: 5px;
|
|
}
|
|
|
|
[data-theme].app.npc-skills-editor form ol li.skill:nth-child(even) {
|
|
background-color: color-mix(in srgb, var(--color-secondary-4) 20%, transparent);
|
|
}
|
|
[data-theme].app.npc-skills-editor form ol li.skill:nth-child(odd) {
|
|
background-color: color-mix(in srgb, var(--color-secondary-4) 40%, transparent);
|
|
}
|
|
[data-theme].app.npc-skills-editor form ol li.skill.header {
|
|
background-color: var(--color-primary-2);
|
|
}
|
|
|
|
[data-theme].pf2e.actor {
|
|
--contrastive-transparent: rgba(255, 255, 255, 0.2);
|
|
}
|
|
[data-theme].actor.sheet .item-image:hover i {
|
|
color: white;
|
|
background: var(--color-primary-2);
|
|
text-shadow: 0px 1px 2px black;
|
|
border-radius: 3px;
|
|
}
|
|
[data-theme].pf2e.item.sheet form > nav > .tabs > a:last-of-type {
|
|
padding: 5px 10px;
|
|
}
|
|
[data-theme].pf2e.actor form input[type=text], [data-theme].pf2e.actor form input[type=number] {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme].pf2e.actor form input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.actor form input[type=text]:focus, [data-theme].pf2e.actor form input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.actor form input[type=number]:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].pf2e.actor form input[type=text].disabled, [data-theme].pf2e.actor form input[type=text]:disabled, [data-theme].pf2e.actor form input[type=number].disabled, [data-theme].pf2e.actor form input[type=number]:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme].pf2e.actor form input[type=text].disabled::placeholder, [data-theme].pf2e.actor form input[type=text]:disabled::placeholder, [data-theme].pf2e.actor form input[type=number].disabled::placeholder, [data-theme].pf2e.actor form input[type=number]:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme].pf2e.actor form input[type=text]::placeholder, [data-theme].pf2e.actor form input[type=number]::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme].pf2e.actor form input[type=text][type=checkbox], [data-theme].pf2e.actor form input[type=number][type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme] .tags.paizo-style .tag.rarity.common,
|
|
[data-theme] .tags.paizo-style .tag.rarity[value=common],
|
|
[data-theme] .tags.paizo-style .tag.rarity > option[value=common] {
|
|
--input-text-color: black;
|
|
}
|
|
[data-theme].pf2e.actor form .tag-legacy {
|
|
background: var(--color-secondary-4);
|
|
border: unset;
|
|
box-shadow: 0px 0px 0px 1px var(--contrastive-transparent) inset;
|
|
}
|
|
[data-theme].spellcasting-entry.preparation ol.spell-list > li .item-summary {
|
|
border: unset;
|
|
}
|
|
[data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item.unidentified {
|
|
color: black;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-theme].actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary {
|
|
border-top: unset;
|
|
}
|
|
|
|
[data-theme] .tags,
|
|
[data-dorako-ui-scope=limited] .tags {
|
|
--color-rarity-common: #323232;
|
|
}
|
|
[data-theme] .currency li > button,
|
|
[data-dorako-ui-scope=limited] .currency li > button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme] .currency li > button:not(.disabled, :disabled):hover,
|
|
[data-dorako-ui-scope=limited] .currency li > button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .currency li > button.view, [data-theme] .currency li > button.selected, [data-theme] .currency li > button.active,
|
|
[data-dorako-ui-scope=limited] .currency li > button.view,
|
|
[data-dorako-ui-scope=limited] .currency li > button.selected,
|
|
[data-dorako-ui-scope=limited] .currency li > button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme] .currency li > button.empty, [data-theme] .currency li > button.disabled, [data-theme] .currency li > button:disabled,
|
|
[data-dorako-ui-scope=limited] .currency li > button.empty,
|
|
[data-dorako-ui-scope=limited] .currency li > button.disabled,
|
|
[data-dorako-ui-scope=limited] .currency li > button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].spellcasting-entry.preparation ol.spell-list > li .item-name .item-image, [data-theme].actor.sheet .item-image,
|
|
[data-dorako-ui-scope=limited].spellcasting-entry.preparation ol.spell-list > li .item-name .item-image,
|
|
[data-dorako-ui-scope=limited].actor.sheet .item-image {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
margin: 1px 2px;
|
|
border: 1px solid;
|
|
border-color: var(--icon-border-color);
|
|
border-radius: 3px;
|
|
}
|
|
[data-theme].spellcasting-entry.preparation ol.spell-list > li .item-name .item-image img, [data-theme].actor.sheet .item-image img,
|
|
[data-dorako-ui-scope=limited].spellcasting-entry.preparation ol.spell-list > li .item-name .item-image img,
|
|
[data-dorako-ui-scope=limited].actor.sheet .item-image img {
|
|
border-radius: 3px;
|
|
}
|
|
[data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed,
|
|
[data-dorako-ui-scope=limited].actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed {
|
|
border-radius: 3px;
|
|
}
|
|
[data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed i,
|
|
[data-dorako-ui-scope=limited].actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed i {
|
|
text-shadow: none;
|
|
}
|
|
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party {
|
|
--color-border: var(--color-primary-3);
|
|
--alt-dark: var(--text-color-4);
|
|
--sub: var(--color-secondary-3);
|
|
--text-dark: var(--text-color-2);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party .tag-light {
|
|
background: var(--tag-color);
|
|
border-color: var(--color-secondary-4);
|
|
color: white;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav {
|
|
background: unset;
|
|
box-shadow: unset;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a,
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
font-family: var(--font-primary);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a:not(.disabled, :disabled):hover,
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a.view, [data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a.selected, [data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a.active,
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab.view,
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab.selected,
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a.empty, [data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a.disabled, [data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a:disabled,
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab.empty,
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab.disabled,
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a.active,
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab.active {
|
|
font-weight: unset;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.kingdom .tab.active[data-tab=activities] .skills .control-dc .mod, [data-theme][data-dorako-ui-scope=limited].sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .feat-slot-title {
|
|
--secondary: var(--accent-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party .sidebar {
|
|
box-shadow: unset;
|
|
border: unset;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party form {
|
|
background: unset;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party.window-app .window-header {
|
|
background: #1f391f;
|
|
border-top-left-radius: var(--border-radius);
|
|
border-top-right-radius: var(--border-radius);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party.window-app.minimized .window-header {
|
|
border-radius: var(--border-radius);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary {
|
|
background: var(--color-primary-4);
|
|
border-image-source: var(--ornamentation);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button.view, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button.selected, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button.empty, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button.disabled, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .member > .data .main-stats > section {
|
|
background-color: var(--color-primary-4);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .member > .data .main-stats > section.ac {
|
|
background: unset;
|
|
border: unset;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .member > .data .main-stats .ac .value {
|
|
color: var(--color-primary-1);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=aftermath] .activities .member-activity .empty .name, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=exploration] .activities .member-activity .empty .name {
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=aftermath] .activities .member-activity, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=exploration] .activities .member-activity {
|
|
background-color: var(--color-primary-4);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=aftermath] .member > .data header .hero-points .empty, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .member > .data header .hero-points .empty {
|
|
border: 2px dashed var(--color-primary-2);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=aftermath] .member > .data header .name, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .member > .data header .name {
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons {
|
|
gap: 5px;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button.view, [data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button.selected, [data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button.empty, [data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button.disabled, [data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=aftermath] .activities .member-activity .empty .icon, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=exploration] .activities .member-activity .empty .icon {
|
|
background: var(--color-primary-5);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .activity-name {
|
|
overflow: unset;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .icon img {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
filter: unset;
|
|
border-color: var(--color-primary-2);
|
|
}
|
|
|
|
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options.disabled, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options.disabled::placeholder, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button.view, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button.selected, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button.empty, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button.disabled, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
|
|
.chat-message[data-theme] {
|
|
background: unset;
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--window-app-background);
|
|
border: var(--window-app-border-width) solid var(--window-app-border-color);
|
|
--color-text-light-6: var(--color-secondary-4);
|
|
--color-text-dark-secondary: var(--text-color-4);
|
|
}
|
|
.chat-message[data-theme] > .message-content .message-buttons button .cue i {
|
|
--fa-primary-color: var(--text-color-1);
|
|
--fa-secondary-color: var(--text-color-3);
|
|
}
|
|
.chat-message[data-theme] .message-content {
|
|
text-shadow: 0px 1px 1px black;
|
|
}
|
|
.chat-message[data-theme] .pf2e.chat-card .card-header h3 {
|
|
font-family: var(--serif);
|
|
font-size: x-large;
|
|
line-height: 1.3rem;
|
|
color: var(--text-color-2);
|
|
}
|
|
.chat-message[data-theme] .pf2e.chat-card .card-header h3.pf2-icon {
|
|
font-family: "Pathfinder2eActions", sans-serif;
|
|
flex: 0;
|
|
margin-right: 5px;
|
|
}
|
|
.chat-message[data-theme] .pf2e.chat-card .card-footer span {
|
|
border-right: 1px solid var(--color-secondary-4);
|
|
}
|
|
.chat-message[data-theme] .pf2e.chat-card .card-footer span:last-child {
|
|
border: unset;
|
|
}
|
|
.chat-message[data-theme] .table-draw .table-results .table-result img.result-image {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
border: 1px solid var(--icon-border-color);
|
|
}
|
|
.chat-message[data-theme] .table-draw .table-results .table-result img.result-image[src$=".svg"] {
|
|
background-color: white;
|
|
}
|
|
.chat-message[data-theme] .dice-tooltip .dice-rolls .roll.d20 {
|
|
text-shadow: none;
|
|
}
|
|
.chat-message[data-theme] .message-content .damage-roll .dice-result .dice-tooltip .instance {
|
|
border-radius: var(--border-radius);
|
|
}
|
|
.chat-message[data-theme] .dice-roll .dice-formula,
|
|
.chat-message[data-theme] .dice-roll .dice-total {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
.chat-message[data-theme] .dice-roll .dice-formula button,
|
|
.chat-message[data-theme] .dice-roll .dice-total button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--accent-color);
|
|
--button-border-color: var(--accent-color-dark);
|
|
--button-text-color: var(--accent-text-color);
|
|
--app-text-shadow: none;
|
|
--button-hover-background: var(--accent-color-light);
|
|
--button-hover-border-color: var(--accent-color);
|
|
--button-hover-text-color: var(--accent-text-color);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.chat-message[data-theme] .dice-roll .dice-formula button:not(.disabled, :disabled):hover,
|
|
.chat-message[data-theme] .dice-roll .dice-total button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
.chat-message[data-theme] .dice-roll .dice-formula button.view, .chat-message[data-theme] .dice-roll .dice-formula button.selected, .chat-message[data-theme] .dice-roll .dice-formula button.active,
|
|
.chat-message[data-theme] .dice-roll .dice-total button.view,
|
|
.chat-message[data-theme] .dice-roll .dice-total button.selected,
|
|
.chat-message[data-theme] .dice-roll .dice-total button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
.chat-message[data-theme] .dice-roll .dice-formula button.empty, .chat-message[data-theme] .dice-roll .dice-formula button.disabled, .chat-message[data-theme] .dice-roll .dice-formula button:disabled,
|
|
.chat-message[data-theme] .dice-roll .dice-total button.empty,
|
|
.chat-message[data-theme] .dice-roll .dice-total button.disabled,
|
|
.chat-message[data-theme] .dice-roll .dice-total button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
.chat-message[data-theme] .dice-roll .dice-formula button:disabled,
|
|
.chat-message[data-theme] .dice-roll .dice-total button:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
.chat-message[data-theme] .dice-tooltip .part-header .part-total {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
box-shadow: unset;
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom: unset;
|
|
}
|
|
.chat-message[data-theme] .pf2e.chat-card .card-header {
|
|
border: unset;
|
|
}
|
|
.chat-message[data-theme] .pf2e.chat-card .card-header img {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
border: 1px solid;
|
|
border-color: var(--icon-border-color);
|
|
}
|
|
.chat-message[data-theme] .pf2e.chat-card .card-footer {
|
|
border-top: 1px solid var(--app-border-color);
|
|
margin: 0px -5px;
|
|
padding: 0px 5px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Damage buttons */
|
|
/* ----------------------------------------- */
|
|
.chat-message[data-theme] .flavor-text hr {
|
|
display: none;
|
|
}
|
|
.chat-message[data-theme] .card-content hr {
|
|
margin-left: -5px;
|
|
margin-right: -5px;
|
|
}
|
|
.chat-message[data-theme] .pf2e.chat-card .card-buttons .spell-attack-buttons,
|
|
.chat-message[data-theme] .pf2e.chat-card .card-buttons .spell-button {
|
|
gap: 3px;
|
|
}
|
|
|
|
.chat-message[data-theme] .persistent-damage-recovery {
|
|
margin-top: 4px;
|
|
}
|
|
.chat-message[data-theme] .persistent-damage-recovery hr {
|
|
display: none;
|
|
}
|
|
|
|
.message[data-theme]:not([data-theme^=crb][data-color-scheme=light]) .message-content .damage-application img {
|
|
filter: invert(1) brightness(0.7) sepia(1) grayscale(0.7) drop-shadow(0px 1px 1px black);
|
|
}
|
|
.message[data-theme]:not([data-theme^=crb][data-color-scheme=light]) .message-content .damage-application button:hover img {
|
|
filter: invert(1) drop-shadow(0px 1px 1px black);
|
|
}
|
|
|
|
.message[data-theme] .message-content .damage-application {
|
|
gap: 3px;
|
|
margin-top: 3px;
|
|
text-rendering: geometricPrecision;
|
|
}
|
|
.message[data-theme] .message-content .damage-application button {
|
|
margin: 0px;
|
|
}
|
|
.message[data-theme] .message-content .damage-application button.half-damage .transparent-half {
|
|
display: none;
|
|
}
|
|
.message[data-theme] .message-content .damage-application button.half-damage .fa-heart-broken {
|
|
position: relative;
|
|
-webkit-text-fill-color: unset;
|
|
}
|
|
.message[data-theme] .message-content .damage-application button.half-damage .fa-heart-broken::before {
|
|
opacity: 0.5;
|
|
}
|
|
.message[data-theme] .message-content .damage-application button.half-damage .fa-heart-broken::after {
|
|
content: "\f7a9";
|
|
font-family: "Font Awesome 5 Free";
|
|
display: block;
|
|
z-index: 1;
|
|
opacity: 1;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 2.4px;
|
|
clip-path: polygon(45% 0%, 50% 100%, 100% 100%, 100% 4%);
|
|
}
|
|
.message[data-theme] .message-content .damage-application button[data-action=shield-block]:hover {
|
|
background-color: var(--color-secondary-2);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--color-secondary-1);
|
|
}
|
|
.message[data-theme] .message-content .damage-application button[data-action=shield-block].shield-activated {
|
|
color: var(--button-hover-text-color);
|
|
background-color: var(--color-secondary-1);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--color-secondary-2);
|
|
}
|
|
.message[data-theme] .message-content .damage-application button[data-action=shield-block].shield-activated:hover {
|
|
background-color: var(--color-secondary-2);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--color-secondary-1);
|
|
}
|
|
.message[data-theme] .message-content .damage-application button[data-action=apply-healing] .fa-stack i.fa-plus {
|
|
--fa-inverse: white;
|
|
text-shadow: none;
|
|
}
|
|
.message[data-theme] .message-content .damage-application button[data-action=apply-healing]:hover {
|
|
background-color: var(--color-level-success);
|
|
border-color: var(--color-level-success-border);
|
|
}
|
|
.message[data-theme] .message-content .damage-application button[data-action=apply-healing]:hover .fa-stack i.fa-plus {
|
|
--fa-inverse: var(--color-level-success);
|
|
text-shadow: none;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Header */
|
|
/* ----------------------------------------- */
|
|
.chat-message[data-theme] .message-header {
|
|
border-radius: var(--border-radius) var(--border-radius) 0px 0px;
|
|
}
|
|
.chat-message[data-theme] .message-header .player-name,
|
|
.chat-message[data-theme] .message-header .message-sender {
|
|
max-width: 160px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
.chat-message[data-theme] .message-header .portrait-and-name {
|
|
flex-grow: 1;
|
|
display: flex;
|
|
flex-basis: 100px;
|
|
gap: 5px;
|
|
}
|
|
.chat-message[data-theme] .message-header .portrait-and-name .portrait-wrapper {
|
|
width: var(--avatar-size);
|
|
display: flex;
|
|
flex: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.chat-message[data-theme] .message-header .portrait-and-name .portrait-wrapper .portrait {
|
|
height: var(--avatar-size);
|
|
object-fit: contain;
|
|
z-index: 0;
|
|
}
|
|
.chat-message[data-theme] .message-header .portrait-and-name .portrait-wrapper .portrait.actor {
|
|
border-radius: 3px;
|
|
}
|
|
.chat-message[data-theme] .message-header .portrait-and-name .sender-wrapper {
|
|
display: flex;
|
|
gap: 3px;
|
|
flex-direction: column;
|
|
justify-content: left;
|
|
align-self: center;
|
|
z-index: 1;
|
|
}
|
|
.chat-message[data-theme] .message-header .portrait-and-name .sender-wrapper .message-sender,
|
|
.chat-message[data-theme] .message-header .portrait-and-name .sender-wrapper .player-name {
|
|
align-self: flex-start;
|
|
line-height: initial;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* System overwrites */
|
|
/* ----------------------------------------- */
|
|
[data-theme].chat-message > .message-content ul.participant-conditions {
|
|
border: unset;
|
|
box-shadow: unset;
|
|
}
|
|
[data-theme].chat-message > .message-content ul.participant-conditions li img {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme].chat-message .message-content .damage-taken button.revert-damage {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme].chat-message .message-content .damage-taken button.revert-damage:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme].chat-message .message-content .damage-taken button.revert-damage.view, [data-theme].chat-message .message-content .damage-taken button.revert-damage.selected, [data-theme].chat-message .message-content .damage-taken button.revert-damage.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme].chat-message .message-content .damage-taken button.revert-damage.empty, [data-theme].chat-message .message-content .damage-taken button.revert-damage.disabled, [data-theme].chat-message .message-content .damage-taken button.revert-damage:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme].chat-message.emote > .message-content p.action-content img {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
border: 1px solid;
|
|
border-color: var(--icon-border-color);
|
|
}
|
|
[data-theme] .dice-roll .dice-total.success {
|
|
color: var(--degree-success-critical);
|
|
}
|
|
[data-theme] .dice-roll .dice-total.failure {
|
|
color: var(--degree-failure-critical);
|
|
}
|
|
|
|
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .fumble-deck,
|
|
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .critical-deck {
|
|
--text-dark: var(--text-color-2);
|
|
}
|
|
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .fumble-deck blockquote,
|
|
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .critical-deck blockquote {
|
|
color: var(--text-color-3);
|
|
box-shadow: 0px 1px 3px 1px black;
|
|
background: var(--color-primary-4);
|
|
}
|
|
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .fumble-deck blockquote {
|
|
border: 1px solid var(--color-level-error);
|
|
background-color: var(--color-level-error-bg);
|
|
}
|
|
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .critical-deck blockquote {
|
|
border: 1px solid var(--color-level-success);
|
|
background-color: var(--color-level-success-bg);
|
|
}
|
|
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .fumble-deck h1,
|
|
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .critical-deck h1 {
|
|
background-color: var(--color-primary-2);
|
|
border: 1px solid var(--color-primary-1);
|
|
color: var(--text-color-2);
|
|
text-shadow: 0px 1px 2px black;
|
|
box-shadow: 0px 1px 3px 1px black;
|
|
font-family: var(--font-primary);
|
|
}
|
|
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .fumble-deck code,
|
|
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .critical-deck code {
|
|
background: unset;
|
|
box-shadow: unset;
|
|
border-radius: 32px;
|
|
background-color: var(--color-secondary-2);
|
|
border: 1px solid var(--color-secondary-1);
|
|
color: var(--text-color-2);
|
|
text-shadow: 0px 1px 2px black;
|
|
box-shadow: 0px 1px 3px 1px black;
|
|
font-family: var(--font-primary);
|
|
}
|
|
|
|
[data-theme].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary, [data-theme].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary, [data-theme].sheet.party [data-tab=overview] .summary, [data-theme].sheet.party [data-tab=exploration] .activities .member-activity, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier, [data-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, [data-theme].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability h3.ability-mod, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attribute-modifiers .attribute, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attribute-modifiers .attribute h3.attribute-mod {
|
|
border-image-source: var(--ornamentation);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* PC Sheet Theme */
|
|
/* ----------------------------------------- */
|
|
[data-theme][data-theme-color] {
|
|
--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");
|
|
}
|
|
[data-theme][data-theme-color].actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header {
|
|
background: var(--theme-color);
|
|
}
|
|
[data-theme][data-theme-color].actor.sheet .inventory .container-metadata .container-capacity .container-capacity-bar, [data-theme][data-theme-color].actor.sheet .inventory .encumbrance .encumbrance-bar {
|
|
background: var(--theme-color);
|
|
}
|
|
[data-theme][data-theme-color].actor.sheet .inventory .encumbrance.over-limit .encumbrance-bar {
|
|
background: var(--theme-text-color) !important;
|
|
}
|
|
[data-theme][data-theme-color].actor.sheet .blue-button {
|
|
background: var(--theme-text-color) !important;
|
|
}
|
|
[data-theme][data-theme-color].actor.sheet .crb-style .stroke-header svg {
|
|
fill: none;
|
|
}
|
|
|
|
[data-theme].actor.sheet[data-theme-color] .window-content .inventory ul.items > li .item-summary,
|
|
[data-theme].actor.sheet[data-theme-color] .inventory .item-summary {
|
|
background: color-mix(in srgb, var(--theme-color) 25%, transparent);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color] aside .logo {
|
|
filter: grayscale(0.6);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color] aside .sidebar .hitpoints .hp-big .container.current-hp {
|
|
background-image: linear-gradient(90deg, var(--theme-color) 0%, var(--theme-text-color) 50%, var(--theme-color) 100%);
|
|
background-color: var(--secondary);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color] aside .sidebar .initiative-select select {
|
|
background-color: var(--theme-color);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color] nav.sheet-navigation {
|
|
background: var(--theme-text-color);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=red] {
|
|
--theme-text-color: var(--primary-light);
|
|
--theme-color: var(--primary);
|
|
--theme-color-dark: var(--primary-dark);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=red] .crb-style {
|
|
--header: url("../img/red-header.webp");
|
|
background-image: url("../img/red-header.webp"), var(--sheet);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=blue] {
|
|
--scrollbar-thumb-background: var(--secondary-light);
|
|
--scrollbar-thumb-border-color: var(--tertiary);
|
|
--color-scrollbar-hover: var(--theme-text-color);
|
|
--theme-color-dark: var(--secondary-dark);
|
|
--theme-color: var(--secondary);
|
|
--theme-text-color: var(--secondary-light);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=blue] .crb-style {
|
|
--header: url("../img/blue-header.webp");
|
|
background-image: url("../img/blue-header.webp"), var(--sheet);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=blue] .crb-style aside {
|
|
background-image: url("../img/blue-sidebar-top.webp"), url("../img/blue-sidebar-bottom.webp");
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=blue] .crb-style aside .sidebar .armor-class .shield.hp {
|
|
background: url("../img/blue-shield.webp") no-repeat top center;
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=blue] .crb-style header.char-header .char-level .level {
|
|
background: url("../img/blue-level-badge.webp") no-repeat;
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=blue] .crb-style nav.sheet-navigation .item:hover,
|
|
[data-theme].actor.sheet[data-theme-color=blue] .crb-style nav.sheet-navigation .item.active {
|
|
background-image: url("../img/blue-nav-item.webp");
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=green] {
|
|
--scrollbar-thumb-background: var(--remaster-light);
|
|
--scrollbar-thumb-border-color: var(--tertiary);
|
|
--color-scrollbar-hover: var(--theme-text-color);
|
|
--theme-color-dark: var(--remaster-dark);
|
|
--theme-color: var(--remaster);
|
|
--theme-text-color: var(--remaster-light);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=green] .crb-style {
|
|
--header: url("../img/green-header.webp");
|
|
background-image: url("../img/green-header.webp"), var(--sheet);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=green] .crb-style aside {
|
|
background-image: url("../img/green-sidebar-top.webp"), url("../img/green-sidebar-bottom.webp");
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=green] .crb-style aside .armor-class .shield.hp {
|
|
background: url("../img/blue-shield.webp") no-repeat top center;
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=green] header.char-header .char-level .level {
|
|
background: url("../img/blue-level-badge.webp") no-repeat;
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=green] nav.sheet-navigation .item:hover,
|
|
[data-theme].actor.sheet[data-theme-color=green] nav.sheet-navigation .item.active {
|
|
background-image: url("../img/green-nav-item.webp");
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=purple] {
|
|
--theme-color-dark: #3b0062;
|
|
--theme-color: #520982;
|
|
--theme-text-color: rgb(107, 29, 137);
|
|
--color-scrollbar-hover: var(--theme-text-color);
|
|
--scrollbar-thumb-background: var(--theme-color);
|
|
--scrollbar-thumb-border-color: var(--tertiary);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=purple] .crb-style {
|
|
--header: url("../img/purple-header.webp");
|
|
background-image: url("../img/purple-header.webp"), var(--sheet);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=purple] .crb-style aside {
|
|
background-image: url("../img/purple-sidebar-top.webp"), url("../img/purple-sidebar-bottom.webp");
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=purple] .crb-style aside .armor-class .shield.hp {
|
|
background: url("../img/blue-shield.webp") no-repeat top center;
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=purple] .crb-style header.char-header .char-level .level {
|
|
background: url("../img/blue-level-badge.webp") no-repeat;
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=purple] .crb-style nav.sheet-navigation .item:hover,
|
|
[data-theme].actor.sheet[data-theme-color=purple] .crb-style nav.sheet-navigation .item.active {
|
|
background-image: url("../img/blue-nav-item.webp");
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=black] {
|
|
--theme-color-dark: black;
|
|
--theme-color: #111;
|
|
--theme-text-color: #222;
|
|
--scrollbar-thumb-background: var(--theme-color);
|
|
--scrollbar-thumb-border-color: var(--tertiary);
|
|
--color-scrollbar-hover: var(--theme-text-color);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=black] .crb-style {
|
|
--header: url("../img/black-header.webp");
|
|
background-image: url("../img/green-header.webp"), var(--sheet);
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=black] .crb-style aside {
|
|
background-image: url("../img/black-sidebar-top.webp"), url("../img/black-sidebar-bottom.webp");
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=black] .crb-style aside .armor-class .shield.hp {
|
|
background: url("../img/blue-shield.webp") no-repeat top center;
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=black] .crb-style header.char-header .char-level .level {
|
|
background: url("../img/blue-level-badge.webp") no-repeat;
|
|
}
|
|
[data-theme].actor.sheet[data-theme-color=black] .crb-style nav.sheet-navigation .item:hover,
|
|
[data-theme].actor.sheet[data-theme-color=black] .crb-style nav.sheet-navigation .item.active {
|
|
background-image: url("../img/blue-nav-item.webp");
|
|
}
|
|
|
|
[data-theme][data-dorako-ui-scope=limited].actor.sheet .crb-style {
|
|
background: unset;
|
|
background: var(--header), transparent !important;
|
|
background-repeat: repeat-x, no-repeat !important;
|
|
background-size: auto 89px, cover !important;
|
|
background-attachment: local !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme-color]).sheet.actor.window-app.character .window-header, [data-theme][data-dorako-ui-scope=limited]:not([data-theme-color]).sheet.actor.window-app.vehicle .window-header, [data-theme][data-dorako-ui-scope=limited][data-theme-color=red].sheet.actor.window-app.vehicle .window-header, [data-theme][data-dorako-ui-scope=limited][data-theme-color=red].sheet.actor.window-app.character .window-header {
|
|
background: #5a0c02;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited][data-theme-color=green].sheet.actor.window-app.vehicle .window-header, [data-theme][data-dorako-ui-scope=limited][data-theme-color=green].sheet.actor.window-app.character .window-header {
|
|
background: #0e2a1a;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited][data-theme-color=blue].sheet.actor.window-app.vehicle .window-header, [data-theme][data-dorako-ui-scope=limited][data-theme-color=blue].sheet.actor.window-app.character .window-header {
|
|
background: #1a1e5f;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited][data-theme-color=purple].sheet.actor.window-app.vehicle .window-header, [data-theme][data-dorako-ui-scope=limited][data-theme-color=purple].sheet.actor.window-app.character .window-header {
|
|
background: #340c5b;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited][data-theme-color=black].sheet.actor.window-app.vehicle .window-header, [data-theme][data-dorako-ui-scope=limited][data-theme-color=black].sheet.actor.window-app.character .window-header {
|
|
background: #151515;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited][data-theme-color].sheet.actor.window-app.vehicle .window-header, [data-theme][data-dorako-ui-scope=limited][data-theme-color].sheet.actor.window-app.character .window-header {
|
|
color: white;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited].sheet.actor.window-app.minimized .window-header {
|
|
border-radius: var(--border-radius);
|
|
}
|
|
|
|
[data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .skill-score, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .skill-score, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .skill-score {
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Theme */
|
|
/* ----------------------------------------- */
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) {
|
|
--color-text-dark-4: var(--text-color-5);
|
|
--color-pf-primary: var(--color-primary-1);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body {
|
|
background: unset;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number] {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number]:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number].disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number]:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number].disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number]:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number]::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number][type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body section.major > header,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .details-label,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body h1,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body h2,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body h3,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body h4,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body h5,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body h6 {
|
|
--primary: var(--text-color-2);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
transition: background 0.1s ease-in-out;
|
|
--button-background: var(--accent-color);
|
|
--button-border-color: var(--accent-color-dark);
|
|
--button-text-color: var(--accent-text-color);
|
|
--app-text-shadow: none;
|
|
--button-hover-background: var(--accent-color-light);
|
|
--button-hover-border-color: var(--accent-color);
|
|
--button-hover-text-color: var(--accent-text-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting.view, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting.selected, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting.empty, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting:disabled {
|
|
--button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
|
|
--button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
|
|
--button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .abcd img.deity-emblem, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity img.symbol {
|
|
background: var(--color-primary-4);
|
|
border: 1px solid var(--color-primary-3);
|
|
box-shadow: 0px 0px 0px 1px var(--color-primary-3), var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav {
|
|
background: unset;
|
|
box-shadow: unset;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
font-family: var(--font-primary);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a:not(.disabled, :disabled):hover,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a.view, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a.selected, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a.active,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab.view,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab.selected,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a.empty, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a:disabled,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab.empty,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab.disabled,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a.active,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab.active {
|
|
font-weight: unset;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .item-image:hover i {
|
|
background: var(--color-primary-2);
|
|
color: var(--text-color-1);
|
|
text-shadow: 0px 1px 2px black;
|
|
border-radius: 2px;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input:focus, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input:focus, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input:disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input:disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input:disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input:disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input[type=checkbox], [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input[type=checkbox], [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
height: auto;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor .tox.tox-tinymce {
|
|
background: white;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style.locked.limited .sheet-body .sheet-content .tab.biography section input,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style.locked.limited .sheet-body .sheet-content .tab.biography .editor {
|
|
--input-text-color: var(--text-color-3);
|
|
--input-focus-text-color: var(--text-color-3);
|
|
--input-background: transparent;
|
|
--input-border-color: transparent;
|
|
--input-focus-outline-color: transparent;
|
|
--box-shadow: transparent;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style.locked.limited .sheet-body .sheet-content .tab.biography section input:hover,
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style.locked.limited .sheet-body .sheet-content .tab.biography .editor:hover {
|
|
outline-color: transparent;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input:focus, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input:disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input:disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input[type=checkbox], [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
padding: 0.5em 0.25em;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3:hover {
|
|
outline: 0px transparent !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate:not(.disabled, :disabled):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.view, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.selected, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.active, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.view, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.selected, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.empty, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate:disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.empty, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style aside .sidebar .tags .tag.edit-btn {
|
|
background: #dad8cc;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg {
|
|
filter: invert(1);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment select {
|
|
--input-text-color: black;
|
|
--input-background: transparent;
|
|
--input-border-color: transparent;
|
|
--box-shadow: transparent;
|
|
color: black;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .label {
|
|
opacity: unset;
|
|
color: var(--text-color-5);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li .modifier {
|
|
--primary: var(--accent-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li a.skill-name:hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li a.modifier:hover {
|
|
--primary: var(--accent-color-light);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
|
|
border-image: linear-gradient(90deg, transparent, var(--color-primary-2) 20%, transparent) 1;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
|
|
--text-dark: black;
|
|
--primary: var(--color-primary-2);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button {
|
|
--primary: var(--system-primary);
|
|
--secondary: var(--system-secondary);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select {
|
|
background: var(--input-background);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color) !important;
|
|
color: var(--input-text-color);
|
|
box-shadow: var(--input-box-shadow) !important;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
outline: 1px solid transparent;
|
|
user-select: text;
|
|
transition: outline-color 0.5s;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select:focus {
|
|
outline: 1px solid var(--input-focus-outline-color);
|
|
border: var(--app-border-width) solid;
|
|
border-color: var(--input-border-color);
|
|
color: var(--input-focus-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select:disabled {
|
|
--input-text-color: var(--text-color-disabled);
|
|
--input-background: var(--input-disabled-background);
|
|
--input-border-color: var(--input-disabled-border-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select:disabled::placeholder {
|
|
color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select::placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select[type=checkbox] {
|
|
outline: unset !important;
|
|
border: unset !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .attack-popout.actions ol.actions-list li.strike .item-name .item-image {
|
|
flex: 0 0 32px;
|
|
}
|
|
|
|
[data-theme][data-color-scheme=dark].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .alt-usage .alt-usage-icon[src$=svg] {
|
|
filter: invert(1);
|
|
}
|
|
|
|
[data-theme].spellcasting-entry.preparation ol.spell-list > li.spell-level-header, [data-theme].actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header,
|
|
[data-dorako-ui-scope=limited].spellcasting-entry.preparation ol.spell-list > li.spell-level-header,
|
|
[data-dorako-ui-scope=limited].actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header {
|
|
background: var(--color-secondary-5-75);
|
|
}
|
|
[data-theme].spellcasting-entry.preparation,
|
|
[data-dorako-ui-scope=limited].spellcasting-entry.preparation {
|
|
--color-border-light-2: var(--color-secondary-4);
|
|
}
|
|
|
|
[data-theme]#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section, [data-theme]#license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section, [data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer, [data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
padding: 5px;
|
|
cursor: pointer;
|
|
color: var(--input-text-color);
|
|
margin-left: 2px;
|
|
}
|
|
[data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--button-background);
|
|
border: var(--app-border-width) solid var(--button-border-color);
|
|
color: var(--button-text-color);
|
|
box-shadow: var(--box-shadow);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-shadow: var(--app-text-shadow);
|
|
padding: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
[data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button:not(.disabled, :disabled):hover, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button:not(.disabled, :disabled):hover {
|
|
background: var(--button-hover-background);
|
|
color: var(--button-hover-text-color);
|
|
border: var(--app-border-width) solid var(--button-hover-border-color);
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button.view, [data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button.selected, [data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button.active, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button.view, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button.selected, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button.active {
|
|
background: var(--button-hover-background);
|
|
outline: 1px solid var(--button-focus-outline-color);
|
|
border-color: var(--button-hover-border-color);
|
|
color: var(--button-hover-text-color);
|
|
text-decoration: none !important;
|
|
font-weight: unset !important;
|
|
}
|
|
[data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button.empty, [data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button.disabled, [data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button:disabled, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button.empty, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button.disabled, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button:disabled {
|
|
--button-background: var(--button-disabled-background);
|
|
--button-hover-background: var(--button-disabled-background);
|
|
--button-border-color: var(--button-disabled-border-color);
|
|
--button-text-color: var(--text-color-5);
|
|
}
|
|
[data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .control-area, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .control-area {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
overflow-x: clip;
|
|
}
|
|
[data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .control-area > div:first-child, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .control-area > div:first-child {
|
|
margin-top: 10px;
|
|
}
|
|
[data-theme]#compendium-browser .spell-browser .item img {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme]#compendium-browser [data-tab=action] .spell-browser .item img, [data-theme]#compendium-browser [data-tab=spell] .spell-browser .item img {
|
|
background-color: white;
|
|
}
|
|
[data-theme]#compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav, [data-theme]#license-viewer > section.window-content > .content-box .compendium-browser-settings > nav, [data-theme]#compendium-browser > section.window-content > .content-box > nav, [data-theme]#license-viewer > section.window-content > .content-box > nav {
|
|
--secondary: var(--color-secondary-3);
|
|
}
|
|
[data-theme]#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:hover, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:hover {
|
|
background-color: rgba(122, 122, 122, 0.5);
|
|
}
|
|
[data-theme].roll-modifiers-dialog {
|
|
--secondary: var(--color-secondary-3);
|
|
border: none;
|
|
}
|
|
[data-theme].roll-modifiers-dialog .window-header {
|
|
background: linear-gradient(90deg, var(--secondary) 0%, var(--color-secondary-3) 50%, var(--secondary) 100%);
|
|
color: var(--text-color-1) !important;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Code Mirror in system */
|
|
/* ----------------------------------------- */
|
|
[data-theme][data-color-scheme=dark].pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor, [data-theme][data-color-scheme=dark].pf2e.item.sheet form .item-rules .rule-editing > .cm-editor {
|
|
background-color: var(--input-background);
|
|
border-radius: var(--border-radius);
|
|
border: 1px solid var(--input-border-color);
|
|
color: var(--input-text-color);
|
|
}
|
|
[data-theme][data-color-scheme=dark] .ͼ2 .cm-content {
|
|
caret-color: white;
|
|
}
|
|
[data-theme][data-color-scheme=dark] .ͼ2 .cm-gutters {
|
|
background-color: var(--application-bg);
|
|
border-right: 1px solid var(--color-primary-2);
|
|
border: unset;
|
|
}
|
|
[data-theme][data-color-scheme=dark] .ͼ2 .cm-activeLineGutter {
|
|
background-color: var(--color-primary-1);
|
|
color: black;
|
|
}
|
|
[data-theme][data-color-scheme=dark] .ͼ2 .cm-activeLine {
|
|
background-color: color-mix(in srgb, var(--color-primary-2) 20%, transparent);
|
|
}
|
|
[data-theme][data-color-scheme=dark] .ͼ1.cm-focused .cm-matchingBracket {
|
|
background-color: yellow;
|
|
color: black;
|
|
border-radius: 3px;
|
|
box-shadow: 0px 2px 3px black;
|
|
}
|
|
[data-theme][data-color-scheme=dark] .ͼe {
|
|
color: red;
|
|
}
|
|
[data-theme][data-color-scheme=dark] .ͼd {
|
|
color: greenyellow;
|
|
}
|
|
[data-theme][data-color-scheme=dark] .ͼc {
|
|
color: var(--color-level-info);
|
|
}
|
|
[data-theme][data-color-scheme=dark] .ͼb {
|
|
color: rgb(217, 31, 217);
|
|
}
|
|
[data-theme][data-color-scheme=dark] .ͼ1 .cm-lintPoint:after {
|
|
border-bottom: 4px solid var(--primary-light);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Code Mirror module */
|
|
/* ----------------------------------------- */
|
|
[data-theme] .CodeMirror {
|
|
cursor: text;
|
|
background: white;
|
|
box-shadow: var(--box-shadow);
|
|
border-radius: var(--border-radius);
|
|
}
|
|
|
|
[data-theme]#effects-panel .effect-item .effect-info .description a,
|
|
[data-theme]#effects-panel .effect-item .effect-info .description span[data-pf2-effect-area] {
|
|
color: var(--inline-text-color);
|
|
}
|
|
[data-theme]#effects-panel .effect-item .effect-info {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
box-shadow: var(--window-app-box-shadow);
|
|
border-radius: var(--border-radius);
|
|
backdrop-filter: blur(5px);
|
|
-webkit-backdrop-filter: blur(5px);
|
|
text-shadow: 0px 1px 2px black;
|
|
min-height: 34px;
|
|
font-size: var(--font-size-20);
|
|
line-height: var(--font-size-20);
|
|
}
|
|
[data-theme]#effects-panel .effect-item .effect-info .description {
|
|
background: unset;
|
|
}
|
|
[data-theme]#effects-panel .effect-item[data-badge-type=formula] > .icon:hover::before {
|
|
border-radius: var(--border-radius);
|
|
padding: none;
|
|
background: var(--button-hover-background);
|
|
text-shadow: 0px 1px 2px black;
|
|
}
|
|
[data-theme]#effects-panel .effect-item > .icon {
|
|
border: var(--app-border-width) var(--icon-border-color);
|
|
border-radius: var(--border-radius);
|
|
--box-shadow: 0px 1px 3px 1px black;
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
position: relative;
|
|
}
|
|
[data-theme]#effects-panel .effect-item > .icon.aura {
|
|
border-radius: 50%;
|
|
border: 1px solid var(--color-primary-1);
|
|
box-shadow: 0px 0px 6px var(--color-primary-2), 0px 2px 8px 1px var(--color-primary-3);
|
|
}
|
|
[data-theme]#effects-panel .effect-item > .icon .linked {
|
|
color: var(--text-color-2);
|
|
background: var(--color-primary-3);
|
|
border: 1px solid var(--color-secondary-4);
|
|
border-radius: 4px 0px var(--border-radius) 0px;
|
|
border-bottom: unset;
|
|
border-right: unset;
|
|
text-shadow: 0px 1px 2px black;
|
|
}
|
|
[data-theme]#effects-panel .effect-item > .icon .value-wrapper {
|
|
background: none;
|
|
bottom: -1px;
|
|
left: -3px;
|
|
}
|
|
[data-theme]#effects-panel .effect-item > .icon .value-wrapper .value {
|
|
padding: 2px;
|
|
color: var(--text-color-2);
|
|
background: var(--color-primary-3);
|
|
border-radius: 0px 4px 0px var(--border-radius);
|
|
border: 1px solid var(--color-secondary-4);
|
|
border-bottom: unset;
|
|
border-left: unset;
|
|
text-shadow: 0px 1px 2px black;
|
|
}
|
|
[data-theme]#effects-panel .effect-item > .icon .expired {
|
|
position: absolute;
|
|
left: auto;
|
|
width: 80%;
|
|
width: unset;
|
|
padding: 2px 1px;
|
|
color: var(--text-color-1);
|
|
background: var(--color-primary-2);
|
|
border: 1px solid var(--color-primary-1);
|
|
text-shadow: 0px 1px 2px black;
|
|
border-radius: 0px 0px 4px 4px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Map v1 styling to v2 values */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=crb][data-color-scheme=dark] {
|
|
--color-border-light-highlight: black;
|
|
--color-text-dark-primary: var(--text-color-3);
|
|
--color-text-dark-secondary: var(--text-color-5);
|
|
--color-bg-option: black;
|
|
--accent-text-color: black;
|
|
--accent-color-light: var(--tertiary);
|
|
--accent-color: var(--tertiary-dark);
|
|
--accent-color-dark: var(--gold-brown);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Limited */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=crb][data-color-scheme=dark][data-dorako-ui-scope=limited] {
|
|
--input-background: var(--glass-bg);
|
|
--color-primary-2: var(--tertiary-dark);
|
|
--color-secondary-5-75: rgba(0, 0, 0, 0.5);
|
|
--color-border-light-2: black;
|
|
--button-hover-text-color: black;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Unlimited */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=crb][data-color-scheme=dark][data-dorako-ui-scope=unlimited] .tagify,
|
|
[data-theme^=crb][data-color-scheme=dark][data-dorako-ui-scope=unlimited] select,
|
|
[data-theme^=crb][data-color-scheme=dark][data-dorako-ui-scope=unlimited] input,
|
|
[data-theme^=crb][data-color-scheme=dark][data-dorako-ui-scope=unlimited] button {
|
|
--app-background: var(--glass-bg-light);
|
|
--input-border-color: transparent;
|
|
--input-background: var(--glass-bg);
|
|
--input-focus-outline-color: var(--tertiary);
|
|
--input-box-shadow: var(--glassy);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* General */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=crb][data-color-scheme=dark] {
|
|
--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");
|
|
--color-secondary-4: #26231f;
|
|
--text-color-1: color-mix(in srgb, var(--color-text-light-highlight), 20% white)
|
|
--text-color-2: var(--color-text-light-highlight);
|
|
--text-color-3: var(--color-text-light-heading);
|
|
--text-color-5: color-mix(in srgb, var(--color-text-light-heading), 20% black);
|
|
--window-app-background: var(--sheet-dark);
|
|
--app-background: var(--glass-bg);
|
|
--app-border-width: 0px;
|
|
--input-text-color: var(--text-color-3);
|
|
--input-background: var(--glass-bg);
|
|
--input-border-color: transparent;
|
|
--input-focus-text-color: var(--text-color-2);
|
|
--input-placeholder-color: var(--text-color-5);
|
|
--input-disabled-background: black;
|
|
--input-disabled-border-color: black;
|
|
--button-bright-text-color: black;
|
|
--color-border-medium: var(--tertiary) !important;
|
|
--color-border-divider: var(--tertiary) !important;
|
|
--bg: rgba(0, 0, 0, 0.5);
|
|
--fieldset-border-color: var(--tertiary);
|
|
--fieldset-background-color: transparent;
|
|
--fieldset-legend-color: var(--text-color-2);
|
|
--text-dark: var(--text-color-2);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=dark] input[type=range] + .range-value {
|
|
color: black;
|
|
text-shadow: none;
|
|
font-weight: 800;
|
|
--input-focus-text-color: black;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* PF2e sheets */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=crb][data-color-scheme=dark] {
|
|
/* ----------------------------------------- */
|
|
/* NPC sheet */
|
|
/* ----------------------------------------- */
|
|
/* ----------------------------------------- */
|
|
/* Actor sheet */
|
|
/* ----------------------------------------- */
|
|
}
|
|
[data-theme^=crb][data-color-scheme=dark] .tags .tag.tag_transparent,
|
|
[data-theme^=crb][data-color-scheme=dark] .tags .tag option.tag_transparent {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=dark].sheet.pf2e.actor.npc.app {
|
|
--section-background: var(--sheet-dark);
|
|
--section-header: var(--primary);
|
|
--section-border-color: var(--tertiary);
|
|
--section-outline-color: var(--gold-brown);
|
|
--section-header-text-color: var(--text-color-2);
|
|
--tag-border-color: var(--text-color-5);
|
|
--tag-background-color: var(--color-secondary-4);
|
|
--tag-text-color: var(--text-color-4);
|
|
--color-text-dark-input: var(--text-color-3);
|
|
--input-background: rgba(0, 0, 0, 0.1);
|
|
--input-focus-outline-color: var(--tertiary);
|
|
--text-dark: var(--text-color-2);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=dark].sheet.pf2e.actor.npc.app.dorako-ux.sheet.pf2e.actor.npc form .side-bar-section, [data-theme^=crb][data-color-scheme=dark].sheet.pf2e.actor.npc.app.dorako-ux.sheet.pf2e.actor.npc form .section-container:not(.headerless) {
|
|
background-image: var(--sheet);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=dark].sheet.pf2e.actor.npc.app input {
|
|
--box-shadow: none;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=dark].actor.sheet .crb-style .sheet-body {
|
|
--text-dark: var(--text-color-2);
|
|
--color-border-light-primary: var(--tertiary);
|
|
--color-border-light-highlight: var(--tertiary);
|
|
--sub: var(--text-color-disabled);
|
|
--alt: var(--text-color-5);
|
|
--bg: rgba(0, 0, 0, 0.5);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=dark].actor.sheet .inventory .list-row .item-controls, [data-theme^=crb][data-color-scheme=dark].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title, [data-theme^=crb][data-color-scheme=dark].actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover, [data-theme^=crb][data-color-scheme=dark].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score {
|
|
--secondary: var(--tertiary);
|
|
--fa-inverse: black;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=dark].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill, [data-theme^=crb][data-color-scheme=dark].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill, [data-theme^=crb][data-color-scheme=dark].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill {
|
|
--primary: var(--tertiary);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=dark].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item, [data-theme^=crb][data-color-scheme=dark].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, [data-theme^=crb][data-color-scheme=dark].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
|
|
border-image: linear-gradient(90deg, transparent, var(--tertiary) 20%, transparent) 1;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Chat messages */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=crb][data-color-scheme=dark].chat-message button {
|
|
--button-background: var(--glass-bg);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=dark].chat-message .dice-roll .dice-formula button, [data-theme^=crb][data-color-scheme=dark].chat-message .dice-roll .dice-total button {
|
|
background: var(--glass-bg-light);
|
|
--button-text-color: var(--text-color-2);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=dark].chat-message .dice-roll .dice-formula button:hover, [data-theme^=crb][data-color-scheme=dark].chat-message .dice-roll .dice-total button:hover {
|
|
--button-hover-text-color: var(--text-color-1);
|
|
background: var(--glass-bg);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Map v1 styling to v2 values */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=crb][data-color-scheme=light] {
|
|
--color-border-highlight: var(--accent-color);
|
|
--color-border-highlight-alt: var(--accent-color-dark);
|
|
--color-text-dark-primary: var(--text-color-3);
|
|
--color-text-dark-secondary: var(--text-color-5);
|
|
--color-bg-option: white;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Light theme */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=crb][data-color-scheme=light] {
|
|
--accent-text-color: white;
|
|
--accent-color-light: var(--primary-light);
|
|
--accent-color: var(--primary-light);
|
|
--accent-color-dark: var(--primary);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].window-app button.bright {
|
|
--button-background: var(--accent-color);
|
|
--button-border-color: var(--accent-color-dark);
|
|
--button-text-color: white !important;
|
|
--button-hover-text-color: white !important;
|
|
--app-text-shadow: none;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light] input[type=range] + .range-value {
|
|
border: none;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* PF2e sheets */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=crb][data-color-scheme=light] {
|
|
--sheet: var(--sheet-light);
|
|
--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");
|
|
--window-app-background: var(--sheet);
|
|
--window-app-border-color: var(--tertiary);
|
|
--window-app-border-width: 1px;
|
|
--color-text-dark-primary: #191813;
|
|
--color-text-dark-secondary: #4b4a44;
|
|
--color-secondary-5-75: rgba(96, 88, 86, 0.25);
|
|
--app-background: rgba(255, 255, 255, 0.5);
|
|
--app-border-color: transparent;
|
|
--app-border-width: none;
|
|
--app-text-shadow: none;
|
|
--button-text-color: black;
|
|
--box-shadow: var(--gold-and-glow);
|
|
--button-focus-outline-color: transparent;
|
|
--input-disabled-background: rgba(255, 255, 255, 0.2);
|
|
--input-disabled-border-color: transparent;
|
|
--window-app-box-shadow: 0px 5px 20px 3px black;
|
|
--fieldset-border-color: gray;
|
|
--fieldset-background-color: transparent;
|
|
--fieldset-legend-color: black;
|
|
/* ----------------------------------------- */
|
|
/* Familiar sheet */
|
|
/* ----------------------------------------- */
|
|
/* ----------------------------------------- */
|
|
/* NPC sheet */
|
|
/* ----------------------------------------- */
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light] tagify,
|
|
[data-theme^=crb][data-color-scheme=light] select,
|
|
[data-theme^=crb][data-color-scheme=light] input {
|
|
--input-border-color: var(--color-text-light-5);
|
|
--input-text-color: var(--color-text-dark-input);
|
|
--input-focus-text-color: var(--color-text-dark-input);
|
|
--input-background: rgba(255, 255, 255, 0.5);
|
|
--input-focus-outline-color: var(--primary-light);
|
|
--input-placeholder-color: var(--color-text-dark-secondary);
|
|
--app-border-width: 1px;
|
|
--box-shadow: none;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light] #context-menu {
|
|
--app-background: var(--glass-bg);
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].chat-message button, [data-theme^=crb][data-color-scheme=light].window-app button, [data-theme^=crb][data-color-scheme=light].package-configuration aside.sidebar nav.tabs .category-tab {
|
|
--box-shadow: none;
|
|
--app-border-width: 1px;
|
|
--button-border-color: var(--color-text-light-5);
|
|
--button-background: rgba(255, 255, 255, 0.5);
|
|
--button-text-color: black;
|
|
text-shadow: none;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].pf2e.item.sheet form .sheet-body input[type=text]:not(:disabled), [data-theme^=crb][data-color-scheme=light].pf2e.item.sheet form .sheet-body input[type=number]:not(:disabled) {
|
|
--input-background: rgba(0, 0, 0, 0.05);
|
|
--input-border-color: var(--color-text-light-5);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light] .tagify,
|
|
[data-theme^=crb][data-color-scheme=light] input {
|
|
--input-background: rgba(0, 0, 0, 0.05);
|
|
--input-border-color: transparent;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].sheet.hazard .section-container .section-header input, [data-theme^=crb][data-color-scheme=light].sheet.hazard .section-container.publication .section-body input[type=text] {
|
|
--input-text-color: var(--text-color-2);
|
|
--input-focus-text-color: var(--text-color-1);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light] .directory .directory-header .header-search input {
|
|
--input-border-color: var(--color-text-light-5);
|
|
--input-text-color: var(--color-text-dark-input);
|
|
--input-focus-text-color: var(--color-text-dark-input);
|
|
--input-background: rgba(255, 255, 255, 0.5);
|
|
--input-focus-outline-color: var(--primary-light);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].chat-message {
|
|
color: black;
|
|
--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");
|
|
--app-background: rgba(255, 255, 255, 0.2);
|
|
--app-background: rgba(0, 0, 0, 0.1);
|
|
--app-border-width: 1px;
|
|
--box-shadow: 0px 0px 0px 1px var(--gold-brown);
|
|
--app-text-shadow: none;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].chat-message hr {
|
|
--app-border-color: #23231f20;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].chat-message button {
|
|
--button-hover-text-color: white;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].chat-message button:hover {
|
|
outline: 1px solid var(--gold-brown);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].chat-message .message-content {
|
|
text-shadow: unset;
|
|
--text-color-1: black;
|
|
--text-color-2: black;
|
|
--text-color-3: black;
|
|
text-shadow: 0px 1px 0px white;
|
|
color: black;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].chat-message .message-content .dice-roll {
|
|
--app-border-color: var(--tertiary);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].chat-message .message-content .dice-roll .dice-total button,
|
|
[data-theme^=crb][data-color-scheme=light].chat-message .message-content .dice-roll .dice-formula button {
|
|
--button-border-color: var(--alt-dark);
|
|
--button-background: var(--alt);
|
|
--button-text-color: white;
|
|
--app-text-shadow: none;
|
|
--button-focus-outline-color: transparent;
|
|
--button-hover-background: var(--tertiary-dark);
|
|
--button-hover-border-color: var(--gold-brown);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].chat-message .message-content .dice-roll .part-total {
|
|
--app-border-color: var(--color-text-light-6);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light]:not([data-dorako-ui-scope=limited], .journal-sheet).window-app .window-header {
|
|
color: black;
|
|
text-shadow: none;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].journal-entry-page.window-app .window-header {
|
|
color: black;
|
|
text-shadow: none;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].sheet.familiar .section-container {
|
|
color: black;
|
|
--app-background: rgba(255, 255, 255, 0.2);
|
|
--app-border-width: 1px;
|
|
--app-border-color: var(--tertiary);
|
|
--box-shadow: 0px 0px 0px 1px var(--gold-brown);
|
|
--app-text-shadow: none;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].sheet.pf2e.actor.npc.app {
|
|
--section-background: var(--sheet-light);
|
|
--section-header: var(--primary);
|
|
--section-border-color: var(--tertiary);
|
|
--section-outline-color: var(--gold-brown);
|
|
--section-header-text-color: var(--text-color-2);
|
|
--tag-border-color: black;
|
|
--tag-background-color: transparent;
|
|
--tag-text-color: black;
|
|
--color-text-dark-input: black;
|
|
--input-border-color: transparent;
|
|
--input-background: rgba(0, 0, 0, 0.1);
|
|
--input-focus-outline-color: var(--tertiary);
|
|
--input-placeholder-color: rgba(40, 40, 40, 1);
|
|
--text-dark: black;
|
|
--contrastive-transparent: rgba(0, 0, 0, 0.5);
|
|
--text-color-3: var(--color-text-dark-primary);
|
|
--app-text-shadow: none;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].sheet.pf2e.actor.npc.app.dorako-ux.sheet.pf2e.actor.npc form .side-bar-section, [data-theme^=crb][data-color-scheme=light].sheet.pf2e.actor.npc.app.dorako-ux.sheet.pf2e.actor.npc form .section-container:not(.headerless) {
|
|
background-image: var(--sheet);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].sheet.pf2e.actor.npc.app .side-bar-section-header input {
|
|
--input-focus-outline-color: var(--tertiary);
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].sheet.pf2e.actor.npc.app .window-header {
|
|
color: black;
|
|
text-shadow: none;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].sheet.pf2e.actor.npc.app.actor.npc.sheet form .side-bar-section.initiative select {
|
|
--box-shadow: none;
|
|
}
|
|
[data-theme^=crb][data-color-scheme=light].sheet.pf2e.actor.npc.app input {
|
|
--box-shadow: none;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Theme colors */
|
|
/* ----------------------------------------- */
|
|
:root {
|
|
--discord-border-color: transparent;
|
|
--discord-background-1: #383a3f;
|
|
--discord-background-2: #313338;
|
|
--discord-background-3: #2b2d31;
|
|
--discord-background-4: #1e1f22;
|
|
--discord-text-1: #ffffff;
|
|
--discord-text-2: #dcdee1;
|
|
--discord-text-3: #b6bac0;
|
|
--discord-text-4: #959ba3;
|
|
--discord-text-5: #79818a;
|
|
--discord-accent-text-color: #8e97fe;
|
|
--discord-accent-color: #5a65ea;
|
|
--discord-accent-color-dark: #4952bd;
|
|
--discord-scrollbar-thumb-background: #1a1b1e;
|
|
--discord-scrollbar-thumb-border-color: transparent;
|
|
--discord-green: #417e4c;
|
|
--discord-attention: #e6b44e;
|
|
--discord-red: #df4f4a;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Map v1 styling to v2 values */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=discord] {
|
|
--color-border-light-highlight: var(--discord-background-1);
|
|
--color-border-light-primary: var(--discord-background-2);
|
|
--color-text-hyperlink: var(--accent-color);
|
|
--color-text-light-highlight: var(--text-color-2);
|
|
--color-border-highlight: var(--accent-color);
|
|
--color-border-highlight-alt: var(--accent-color-dark);
|
|
--color-border-divider: var(--discord-border-color);
|
|
--color-text-dark-primary: var(--discord-text-3);
|
|
--color-text-dark-secondary: var(--discord-text-5);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Light color scheme */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=light],
|
|
[data-theme^=discord][data-color-scheme=light] {
|
|
--discord-scrollbar-thumb-background: #c5c9cd;
|
|
--app-background: #f2f3f5;
|
|
--window-app-background: #ffffff;
|
|
--input-background: #ebedef;
|
|
--input-text-color: #4e5057;
|
|
--button-background: #c5c9cd;
|
|
--button-text-color: black;
|
|
--fieldset-legend-color: black;
|
|
--text-color-1: var(--discord-text-5);
|
|
--text-color-2: var(--discord-text-4);
|
|
--text-color-2: black;
|
|
--text-color-3: var(--discord-text-3);
|
|
--text-color-4: var(--discord-text-2);
|
|
--text-color-5: var(--discord-text-1);
|
|
--inline-background: #e6e8fc;
|
|
--inline-text-color: var(--accent-color);
|
|
--inline-icon-color: var(--accent-color);
|
|
}
|
|
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=light].sheet.pf2e.actor.npc.app,
|
|
[data-theme^=discord][data-color-scheme=light].sheet.pf2e.actor.npc.app {
|
|
--section-background: var(--window-app-background);
|
|
--section-header: var(--discord-accent-color);
|
|
--section-border-color: var(--discord-accent-text-color);
|
|
--section-outline-color: var(--discord-accent-color-dark);
|
|
--section-header-text-color: white;
|
|
--tag-border-color: transparent;
|
|
--tag-background-color: white;
|
|
--tag-text-color: black;
|
|
--color-text-dark-input: black;
|
|
--input-placeholder-color: var(--discord-text-5);
|
|
--color-border-light-highlight: var(--discord-background-1);
|
|
--color-border-light-primary: var(--discord-background-2);
|
|
--color-border-light-tertiary: var(--discord-green);
|
|
--text-dark: black;
|
|
}
|
|
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=light] ::-webkit-scrollbar-track,
|
|
[data-theme^=discord][data-color-scheme=light] ::-webkit-scrollbar-track {
|
|
background: #ebedef;
|
|
}
|
|
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=light].actor.sheet.character,
|
|
[data-theme^=discord][data-color-scheme=light].actor.sheet.character {
|
|
--text-color-5: var(--discord-text-4);
|
|
}
|
|
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=light].actor.sheet .crb-style .sheet-body,
|
|
[data-theme^=discord][data-color-scheme=light].actor.sheet .crb-style .sheet-body {
|
|
--color-border-divider: var(--discord-background-1);
|
|
}
|
|
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=light] .tagify,
|
|
[data-theme^=discord][data-color-scheme=light] .tagify {
|
|
--text-color-2: white;
|
|
}
|
|
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=light].chat-message,
|
|
[data-theme^=discord][data-color-scheme=light].chat-message {
|
|
--text-color-1: black;
|
|
--text-color-2: black;
|
|
--text-color-3: black;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Dark color scheme */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=dark].sheet.pf2e.actor.npc.app,
|
|
[data-theme^=discord][data-color-scheme=dark].sheet.pf2e.actor.npc.app {
|
|
--section-background: var(--discord-background-4);
|
|
--section-header: var(--discord-accent-color);
|
|
--section-border-color: var(--discord-accent-text-color);
|
|
--section-outline-color: var(--discord-accent-color-dark);
|
|
--section-header-text-color: var(--text-color-2);
|
|
--tag-border-color: var(--discord-green);
|
|
--tag-background-color: var(--discord-background-3);
|
|
--tag-text-color: var(--discord-text-3);
|
|
--color-text-dark-input: var(--discord-text-2);
|
|
--input-placeholder-color: var(--discord-text-5);
|
|
--color-border-light-highlight: var(--discord-background-1);
|
|
--color-border-light-primary: var(--discord-background-2);
|
|
--color-border-light-tertiary: var(--discord-green);
|
|
--text-dark: var(--text-color-2);
|
|
}
|
|
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=dark].actor.sheet .crb-style .sheet-body,
|
|
[data-theme^=discord][data-color-scheme=dark].actor.sheet .crb-style .sheet-body {
|
|
--color-border-divider: var(--discord-background-1);
|
|
--text-dark: var(--discord-text-2);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* App UI */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=discord]:not([data-color-scheme]) {
|
|
--app-border-width: 1px;
|
|
--app-background: var(--discord-background-3);
|
|
--app-border-color: var(--discord-background-2);
|
|
--window-app-border-color: #4b4c4f;
|
|
--button-background: var(--discord-background-4);
|
|
--button-border-color: var(--discord-background-1);
|
|
--button-focus-outline-color: var(--accent-color);
|
|
--input-box-shadow: none;
|
|
--input-background: var(--discord-background-1);
|
|
--input-text-color: var(--discord-text-3);
|
|
--input-focus-text-color: var(--discord-text-2);
|
|
--box-shadow: 0px 0px 10px black, 0px 0px 5px black;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* DUI variables */
|
|
/* ----------------------------------------- */
|
|
[data-chat-interface-theme^=discord] #sidebar-tabs,
|
|
[data-chat-interface-theme^=discord] #chat-log ~ *,
|
|
[data-theme^=discord] {
|
|
/* Base colors */
|
|
--color-primary-4: var(--accent-color-dark);
|
|
--color-primary-1: var(--discord-accent-text-color);
|
|
--color-primary-2: var(--discord-accent-color);
|
|
--color-primary-3: var(--discord-accent-color-dark);
|
|
--color-secondary-1: color-mix(in srgb, var(--discord-green) 90%, white);
|
|
--color-secondary-2: var(--discord-green);
|
|
--color-secondary-3: color-mix(in srgb, var(--discord-green) 90%, black);
|
|
--color-secondary-3-75: var(--color-secondary-3);
|
|
--color-secondary-4: color-mix(in srgb, var(--discord-green) 50%, black);
|
|
--color-secondary-5-75: #4e5057;
|
|
--text-color-1: var(--discord-text-1);
|
|
--text-color-2: var(--discord-text-2);
|
|
--text-color-3: var(--discord-text-3);
|
|
--text-color-4: var(--discord-text-4);
|
|
--text-color-5: var(--discord-text-5);
|
|
/* Misc variables */
|
|
--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");
|
|
--box-shadow: none;
|
|
--icon-border-color: var(--discord-attention);
|
|
/* Window app variables */
|
|
--window-app-background: var(--discord-background-3);
|
|
--window-app-border-color: #4b4c4f;
|
|
--window-app-border-width: 1px;
|
|
--window-app-box-shadow: 0px 5px 20px 3px black, 0px 3px 10px 3px rgba(0, 0, 0, 0.5);
|
|
/* App variables */
|
|
--app-background: #161511aa;
|
|
--app-border-color: var(--discord-border-color);
|
|
--app-border-width: 0px;
|
|
--app-text-shadow: none;
|
|
/* Inline variables */
|
|
--inline-box-shadow: none;
|
|
--inline-background: #3d426e;
|
|
--inline-border-color: transparent;
|
|
--inline-text-color: #cacdf7;
|
|
--inline-icon-color: #cacdf7;
|
|
/* Input variables */
|
|
--input-border-color: transparent;
|
|
--input-disabled-background: #494b51;
|
|
--input-disabled-border-color: transparent;
|
|
--input-border-color: transparent;
|
|
--input-background: var(--discord-background-1);
|
|
--input-focus-outline-color: var(--discord-accent-color);
|
|
--input-placeholder-color: color-mix(in srgb, var(--button-text-color) 50%, transparent);
|
|
/* Button variables */
|
|
--button-background: var(--app-background);
|
|
--button-border-color: transparent;
|
|
--button-text-color: var(--discord-text-2);
|
|
--button-focus-outline-color: transparent;
|
|
--button-hover-background: var(--discord-background-1);
|
|
--button-hover-border-color: transparent;
|
|
--button-hover-text-color: var(--discord-text-1);
|
|
--button-disabled-background: #494b51;
|
|
--button-disabled-border-color: transparent;
|
|
--button-toggle-border-color: var(--discord-green);
|
|
--button-toggle-hover-border-color: color-mix(in srgb, var(--discord-green) 50%, white 50%);
|
|
--button-toggle-background: color-mix(in srgb, var(--discord-green) 50%, black 50%);
|
|
--button-toggle-hover-background: var(--discord-green);
|
|
--button-bright-text-color: white;
|
|
/* Fieldset variables */
|
|
--fieldset-border-color: transparent;
|
|
--fieldset-background-color: color-mix(in srgb, var(--discord-attention) 15%, transparent);
|
|
--fieldset-legend-color: var(--discord-text-4);
|
|
/* Scrollbar and accent variables */
|
|
--scrollbar-thumb-background: #1a1b1e;
|
|
--scrollbar-thumb-border-color: var(--discord-scrollbar-thumb-border-color);
|
|
--accent-text-color: var(--discord-text-1);
|
|
--accent-color-light: var(--discord-accent-text-color);
|
|
--accent-color: var(--discord-accent-color);
|
|
--accent-color-dark: var(--discord-accent-color-dark);
|
|
}
|
|
[data-chat-interface-theme^=discord] #sidebar-tabs.window-app button.bright,
|
|
[data-chat-interface-theme^=discord] #chat-log ~ *.window-app button.bright,
|
|
[data-theme^=discord].window-app button.bright {
|
|
--button-background: var(--accent-color);
|
|
--button-border-color: var(--accent-color-dark);
|
|
--button-text-color: white !important;
|
|
--button-hover-text-color: white !important;
|
|
--app-text-shadow: none;
|
|
}
|
|
[data-chat-interface-theme^=discord] #sidebar-tabs ::-webkit-scrollbar-track,
|
|
[data-chat-interface-theme^=discord] #chat-log ~ * ::-webkit-scrollbar-track,
|
|
[data-theme^=discord] ::-webkit-scrollbar-track {
|
|
background: #2b2d31;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* System variables */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=discord] {
|
|
--color-text-dark-primary: var(--text-color-2);
|
|
--bg: rgba(0, 0, 0, 0.25);
|
|
--color-underline-header: var(--discord-green);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Specifics */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=discord].window-app .window-header {
|
|
text-shadow: none;
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-theme^=discord]#effects-panel .effect-item > .icon {
|
|
--border-radius: 50%;
|
|
}
|
|
[data-theme^=discord]#effects-panel .effect-item > .icon.aura {
|
|
border-radius: 33%;
|
|
transform: scale(0.8);
|
|
}
|
|
[data-theme^=discord] section.tab.category.active[data-tab=pf2e-dorako-ux] h2,
|
|
[data-theme^=discord] section.tab.category.active[data-tab=pf2e-dorako-ui] h2,
|
|
[data-theme^=discord] section .form-group.dorako.settings-header {
|
|
color: white;
|
|
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.25) inset;
|
|
}
|
|
[data-theme^=discord].spellcasting-entry.preparation .item-name {
|
|
--secondary: var(--discord-text-4);
|
|
}
|
|
[data-theme^=discord].pf2e.item.sheet.app {
|
|
--color-border-medium: var(--discord-border-color);
|
|
}
|
|
[data-theme^=discord].actor.sheet .inventory .list-row .item-controls {
|
|
--secondary: var(--discord-text-1);
|
|
}
|
|
[data-theme^=discord].actor.sheet.character {
|
|
--color-border-light-2: var(--discord-border-color);
|
|
}
|
|
[data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item, [data-theme^=discord].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, [data-theme^=discord].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike, [data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
|
|
border-image: linear-gradient(90deg, transparent, var(--bg3-text-2) 20%, transparent) 1 !important;
|
|
}
|
|
[data-theme^=discord].actor.sheet .inventory .list-row .item-controls, [data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title, [data-theme^=discord].actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover, [data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score {
|
|
--secondary: var(--discord-green);
|
|
--fa-inverse: white;
|
|
}
|
|
[data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill, [data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill, [data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill {
|
|
--primary: var(--accent-color);
|
|
}
|
|
[data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item, [data-theme^=discord].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, [data-theme^=discord].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
|
|
border-image: linear-gradient(90deg, transparent, var(--discord-green) 20%, transparent) 1;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Controls */
|
|
/* ----------------------------------------- */
|
|
[data-dorako-ui-scope=controls][data-theme^=discord] {
|
|
--button-hover-background: var(--accent-color);
|
|
--button-focus-outline-color: var(--accent-color-dark);
|
|
--button-hover-border-color: var(--accent-text-color);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Navigation */
|
|
/* ----------------------------------------- */
|
|
[data-dorako-ui-scope=navigation][data-theme^=discord] .scene {
|
|
--button-toggle-focus-outline-color: var(--discord-attention);
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme^=discord] .scene:not(.gm) {
|
|
--button-toggle-border-color: var(--discord-green);
|
|
--button-toggle-hover-border-color: color-mix(in srgb, var(--discord-green) 50%, white 50%);
|
|
--button-toggle-background: color-mix(in srgb, var(--discord-green) 50%, black 50%);
|
|
--button-toggle-hover-background: var(--discord-green);
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme^=discord] .scene.gm {
|
|
--button-toggle-border-color: var(--discord-accent-color);
|
|
--button-toggle-hover-border-color: color-mix(in srgb, var(--discord-accent-color) 50%, white 50%);
|
|
--button-toggle-background: color-mix(in srgb, var(--discord-accent-color) 50%, black 50%);
|
|
--button-toggle-hover-background: var(--discord-accent-color);
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme^=discord] .scene.gm.active:not(.view) {
|
|
--button-toggle-focus-outline-color: transparent;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Placeable HUD */
|
|
/* ----------------------------------------- */
|
|
[data-theme=discord] [data-dorako-ui-scope=placeable-hud] {
|
|
--button-hover-background: var(--accent-color);
|
|
--button-focus-outline-color: var(--accent-color-dark);
|
|
--button-hover-border-color: var(--accent-text-color);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Chat message */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=discord].chat-message {
|
|
background: var(--discord-background-3);
|
|
--button-background: var(--discord-background-2);
|
|
--button-hover-background: #35373b;
|
|
--app-border-width: 1px;
|
|
--color-text-dark-secondary: rgba(255, 255, 255, 0.66);
|
|
--button-hover-border-color: rgba(122, 122, 122, 0.66);
|
|
--button-border-color: rgba(122, 122, 122, 0.33);
|
|
--button-text-color: var(--discord-text-3);
|
|
--button-hover-text-color: var(--discord-text-2);
|
|
--color-level-success: var(--discord-green);
|
|
--color-level-success-border: color-mix(in srgb, var(--discord-green) 50%, white 50%);
|
|
}
|
|
[data-theme^=discord].chat-message.whisper {
|
|
border-color: color-mix(in srgb, var(--discord-background-2) 50%, var(--whisper-bg));
|
|
background: color-mix(in srgb, var(--discord-background-2) 80%, var(--whisper-bg));
|
|
}
|
|
[data-theme^=discord].chat-message.whisper .message-header .message-sender,
|
|
[data-theme^=discord].chat-message.whisper .message-header {
|
|
color: var(--whisper-bg) !important;
|
|
}
|
|
[data-theme^=discord].chat-message.whisper.blind {
|
|
border-color: var(--blind-bg);
|
|
background: color-mix(in srgb, var(--discord-background-2) 80%, var(--blind-bg));
|
|
}
|
|
[data-theme^=discord].chat-message.whisper.blind .message-header .message-sender,
|
|
[data-theme^=discord].chat-message.whisper.blind .message-header {
|
|
color: var(--blind-bg) !important;
|
|
}
|
|
[data-theme^=discord].chat-message .message-header .header-meta.rolltype.blind {
|
|
color: var(--blind-bg);
|
|
}
|
|
[data-theme^=discord].chat-message .message-header .header-meta.rolltype.whisper {
|
|
color: var(--whisper-bg);
|
|
}
|
|
[data-theme^=discord].chat-message .message-header,
|
|
[data-theme^=discord].chat-message .message-header h4 {
|
|
color: color-mix(in srgb, var(--player-color) 80%, white 20%) !important;
|
|
text-shadow: none !important;
|
|
background: none !important;
|
|
}
|
|
[data-theme^=discord].chat-message .message-content {
|
|
text-shadow: none;
|
|
}
|
|
[data-theme^=discord].chat-message .dice-roll .dice-formula,
|
|
[data-theme^=discord].chat-message .dice-roll .dice-total {
|
|
--app-background: rgba(122, 122, 122, 0.33);
|
|
}
|
|
[data-theme^=discord].chat-message .dice-roll .dice-formula button,
|
|
[data-theme^=discord].chat-message .dice-roll .dice-total button {
|
|
--button-text-color: var(--discord-text-1);
|
|
--button-hover-text-color: var(--discord-text-1);
|
|
}
|
|
[data-theme^=discord].chat-message .part-total {
|
|
--app-background: transparent;
|
|
--app-border-color: var(--color-text-light-6);
|
|
}
|
|
[data-theme^=discord].chat-message .chat-card button:hover,
|
|
[data-theme^=discord].chat-message .message-buttons button:hover,
|
|
[data-theme^=discord].chat-message .card-buttons button:hover,
|
|
[data-theme^=discord].chat-message .damage-application button:hover {
|
|
--box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
|
|
}
|
|
[data-theme^=discord].chat-message button[data-action=shield-block]:hover {
|
|
--color-secondary-2: var(--discord-accent-color);
|
|
--color-secondary-1: var(--accent-text-color);
|
|
}
|
|
[data-theme^=discord].chat-message .message-timestamp,
|
|
[data-theme^=discord].chat-message .message-header .header-meta {
|
|
background: none !important;
|
|
border: none !important;
|
|
color: #959ba3;
|
|
text-shadow: none;
|
|
padding: 0px;
|
|
}
|
|
[data-theme^=discord].chat-message .tags .tag.tag_transparent,
|
|
[data-theme^=discord].chat-message .tags .tag option.tag_transparent {
|
|
background-color: color-mix(in srgb, var(--player-color) 20%, transparent);
|
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--player-color) 50%, rgba(255, 255, 255, 0.5));
|
|
}
|
|
|
|
[data-theme^=discord][data-color-scheme=light].chat-message {
|
|
background: #ffffff;
|
|
--button-background: #ffffff;
|
|
--button-hover-background: #ebebed;
|
|
--app-border-width: 1px;
|
|
--color-text-dark-secondary: rgba(0, 0, 0, 0.66);
|
|
--button-hover-border-color: rgba(122, 122, 122, 0.66);
|
|
--button-border-color: rgba(122, 122, 122, 0.33);
|
|
--button-text-color: #4e5057;
|
|
--button-hover-text-color: #303237;
|
|
--color-level-success: var(--discord-green);
|
|
--color-level-success-border: color-mix(in srgb, var(--discord-green) 50%, white 50%);
|
|
}
|
|
[data-theme^=discord][data-color-scheme=light].chat-message .message-timestamp,
|
|
[data-theme^=discord][data-color-scheme=light].chat-message .message-header .header-meta {
|
|
color: #313338;
|
|
}
|
|
[data-theme^=discord][data-color-scheme=light].chat-message.whisper {
|
|
border-color: var(--whisper-bg);
|
|
background: color-mix(in srgb, #ffffff 50%, var(--whisper-bg));
|
|
}
|
|
[data-theme^=discord][data-color-scheme=light].chat-message.whisper.blind {
|
|
border-color: var(--blind-bg);
|
|
background: color-mix(in srgb, #ffffff 50%, var(--blind-bg));
|
|
}
|
|
[data-theme^=discord][data-color-scheme=light].chat-message .message-header h4,
|
|
[data-theme^=discord][data-color-scheme=light].chat-message .message-header {
|
|
color: color-mix(in srgb, var(--player-color) 80%, black) !important;
|
|
text-shadow: none !important;
|
|
background: none !important;
|
|
}
|
|
[data-theme^=discord][data-color-scheme=light].chat-message .message-content {
|
|
text-shadow: none;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Chatlog */
|
|
/* ----------------------------------------- */
|
|
[data-chat-interface-theme^=discord] {
|
|
--scrollbar-thumb-background: var(--discord-color-scrollbar);
|
|
--scrollbar-thumb-border-color: var(--discord-scrollbar-thumb-border-color);
|
|
--color-scrollbar-hover: var(--discord-color-scrollbar-highlight);
|
|
}
|
|
[data-chat-interface-theme^=discord] #chat-log ~ * {
|
|
--button-border-color: var(--discord-background-1);
|
|
--app-border-width: 1px;
|
|
--button-background: var(--discord-background-3);
|
|
}
|
|
|
|
[data-chat-interface-theme^=discord] #dorako-rt-buttons button {
|
|
--button-toggle-border-color: color-mix(in srgb, var(--discord-green) 75%, white);
|
|
--button-toggle-hover-border-color: color-mix(in srgb, var(--discord-attention) 50%, white);
|
|
}
|
|
|
|
[data-theme^=discord][data-color-scheme=light] .damage {
|
|
--color-bg-physical: rgba(132, 132, 132, 0.125);
|
|
--color-border-physical: #939292;
|
|
--color-text-physical: black;
|
|
}
|
|
|
|
[data-theme^=discord][data-color-scheme=dark] .damage {
|
|
--color-bg-physical: rgba(132, 132, 132, 0.125);
|
|
--color-border-physical: #939292;
|
|
--color-text-physical: #bab9b9;
|
|
}
|
|
|
|
:root {
|
|
--brown-1: rgb(223, 207, 153);
|
|
--brown-2: rgb(163, 141, 109);
|
|
--brown-3: rgb(117, 81, 29);
|
|
--brown-4: rgb(115, 78, 50);
|
|
--table-header: rgb(51, 47, 36);
|
|
--table-odd: rgb(38, 35, 27);
|
|
--table-even: rgb(33, 31, 24);
|
|
--dark-20: rgb(20, 20, 20);
|
|
--dark-15: rgb(15, 15, 15);
|
|
--link-color: #f2c462;
|
|
--link-active-color: #f2dcae;
|
|
--red-link-color: #f25749;
|
|
--red-link-active-color:#f2b4ae
|
|
--trade-exact-price: rgb(163, 141, 109);
|
|
--trade-currency-text: rgb(170, 158, 130);
|
|
--trade-button-text-color: rgb(233, 207, 159);
|
|
--trade-text-color-1: rgb(255, 248, 225);
|
|
--trade-text-color-2: rgb(163, 141, 109);
|
|
--trade-text-color-3: rgb(130, 120, 106);
|
|
--poe-color-default: rgb(127, 127, 127);
|
|
--poe-color-valuedefault: rgb(255, 255, 255);
|
|
--poe-color-pink: rgb(255, 192, 203);
|
|
--poe-color-dodgerblue: rgb(30, 144, 255);
|
|
--poe-color-fire: rgb(150, 0, 0);
|
|
--poe-color-cold: rgb(54, 100, 146);
|
|
--poe-text-colorning: rgb(255, 215, 0);
|
|
--poe-color-chaos: rgb(208, 32, 144);
|
|
--poe-color-augmented: rgb(136, 136, 255);
|
|
--poe-color-crafted: rgb(184, 218, 242);
|
|
--poe-color-fractured: rgb(162, 145, 98);
|
|
--poe-color-enchanted: rgb(184, 218, 242);
|
|
--poe-color-hellscaped: rgb(255, 110, 37);
|
|
--poe-color-unmet: rgb(210, 0, 0);
|
|
--poe-color-uniqueitem: rgb(175, 96, 37);
|
|
--poe-color-unique: rgb(175, 96, 37);
|
|
--poe-color-rareitem: rgb(255, 255, 119);
|
|
--poe-color-rare: rgb(255, 255, 119);
|
|
--poe-color-magicitem: rgb(136, 136, 255);
|
|
--poe-color-magic: rgb(136, 136, 255);
|
|
--poe-color-whiteitem: rgb(200, 200, 200);
|
|
--poe-color-normal: rgb(200, 200, 200);
|
|
--poe-color-gemitem: rgb(27, 162, 155);
|
|
--poe-color-gem: rgb(27, 162, 155);
|
|
--poe-color-currencyitem: rgb(170, 158, 130);
|
|
--poe-color-currency: rgb(170, 158, 130);
|
|
--poe-color-questitem: rgb(74, 230, 58);
|
|
--poe-color-quest: rgb(74, 230, 58);
|
|
--poe-color-nemesismod: rgb(255, 200, 0);
|
|
--poe-color-nemesismodoutline: rgb(219, 34, 0); /* 220,255,40,0 */
|
|
--poe-color-talismanmod: rgb(141, 241, 79);
|
|
--poe-color-talismanmodoutline: rgb(0, 0, 0); /* 220,0,0,0 */
|
|
--poe-color-title: rgb(231, 180, 120);
|
|
--poe-color-corrupted: rgb(210, 0, 0);
|
|
--poe-color-favour: rgb(170, 158, 130);
|
|
--poe-color-supporterpacknewitem: rgb(180, 96, 0);
|
|
--poe-color-supporterpackitem: rgb(163, 141, 109);
|
|
--poe-color-bloodlinemod: rgb(210, 0, 220);
|
|
--poe-color-bloodlinemodoutline: rgb(58, 0, 125); /* 200,74,0,160 */
|
|
--poe-color-tormentmod: rgb(50, 230, 100);
|
|
--poe-color-tormentmodoutline: rgb(0, 78, 117); /* 200,0,100,150 */
|
|
--poe-color-canttradeormodify: rgb(210, 0, 0);
|
|
--poe-color-lockedtoaccount: rgb(210, 0, 0);
|
|
--poe-color-divination: rgb(14, 186, 255);
|
|
--poe-color-prophecy: rgb(181, 75, 255);
|
|
--poe-color-essencemod: rgb(164, 210, 255);
|
|
--poe-color-essencemodoutline: rgb(0, 41, 82); /* 210,0,50,100 */
|
|
--poe-color-premiumchat: rgb(253, 242, 126);
|
|
--poe-color-premiumchatoutline: rgb(209, 46, 46);
|
|
--poe-color-uniquefoil: rgb(130, 173, 106);
|
|
--poe-color-legacy: rgb(212, 145, 63);
|
|
--poe-color-bestiarymod: rgb(255, 255, 255);
|
|
--poe-color-bestiarymodoutline: rgb(219, 34, 0); /* 220,255,40,0 */
|
|
--poe-color-blightmod: rgb(255, 255, 255);
|
|
--poe-color-blightmodoutline: rgb(215, 0, 0); /* 255,215,0,0 */
|
|
--poe-color-afflictionmod: rgb(22, 25, 28);
|
|
--poe-color-afflictionmodoutline: rgb(151, 164, 181); /* 200,193,210,232 */
|
|
--poe-color-stackitemlevel: rgb(255, 255, 255);
|
|
--poe-color-harvestprimary: rgb(100, 111, 73);
|
|
--poe-color-harvestsecondary: rgb(83, 130, 161);
|
|
--poe-color-craftingcaster: rgb(179, 248, 254);
|
|
--poe-color-craftingphysical: rgb(199, 157, 147);
|
|
--poe-color-craftingfire: rgb(255, 154, 119);
|
|
--poe-color-craftingcold: rgb(147, 216, 255);
|
|
--poe-color-craftinglightning: rgb(248, 203, 118);
|
|
--poe-color-craftingchaos: rgb(216, 167, 211);
|
|
--poe-color-craftingspeed: rgb(207, 238, 165);
|
|
--poe-color-craftingcrit: rgb(178, 167, 214);
|
|
--poe-color-craftingred: rgb(200, 103, 110);
|
|
--poe-color-craftingblue: rgb(162, 207, 251);
|
|
--poe-color-craftinggreen: rgb(134, 189, 163);
|
|
--poe-color-craftinglife: rgb(201, 110, 110);
|
|
--poe-color-craftingdefences: rgb(168, 143, 103);
|
|
--poe-color-craftingattack: rgb(218, 129, 77);
|
|
--poe-color-heist: rgb(25, 30, 25);
|
|
--poe-color-heiststolenitem: rgb(210, 0, 0);
|
|
--poe-color-atlasmaven: rgb(182, 12, 169);
|
|
--poe-color-ultimatumnumber: rgb(254, 92, 81);
|
|
--poe-color-incursionunreachable: rgb(90, 90, 90);
|
|
--poe-color-lockedinplaceitem: rgb(127, 127, 127);
|
|
--poe-color-craftaffectremove: rgb(254, 153, 0);
|
|
--poe-color-craftaffectwarning: rgb(235, 200, 80);
|
|
--poe-color-craftaffectreroll: rgb(254, 153, 0);
|
|
--poe-color-skillpopuptitle: rgb(249, 230, 202);
|
|
--poe-color-disabledstats: rgb(150, 150, 167);
|
|
--poe-color-skillextrainfo: rgb(255, 192, 119);
|
|
--poe-color-fakeitemcount: rgb(200, 200, 200);
|
|
}
|
|
:root .c-cblock {
|
|
border: 1px solid #2c2b2b;
|
|
background-color: #141414;
|
|
}
|
|
:root .c-cblock--violet {
|
|
border-color: #585477;
|
|
background-color: #151517;
|
|
}
|
|
:root .c-cblock--gold {
|
|
border-color: #75693c;
|
|
background-color: #1c1b19;
|
|
}
|
|
:root .c-mbox--warning {
|
|
border-color: #781c1c;
|
|
background-color: #241515;
|
|
}
|
|
:root .c-mbox--action {
|
|
border-color: #693a1e;
|
|
background-color: #26211f;
|
|
}
|
|
:root .c-mbox--content {
|
|
border-color: #664c1e;
|
|
background-color: #26231f;
|
|
}
|
|
:root .c-mbox--style {
|
|
border-color: #75693c;
|
|
background-color: #24231f;
|
|
}
|
|
:root .c-mbox--info {
|
|
border-color: #4b5e6a;
|
|
background-color: #191b1c;
|
|
}
|
|
:root .c-mbox--legal {
|
|
border-color: #403b2d;
|
|
background-color: #21201c;
|
|
}
|
|
:root .c-mbox--proposal {
|
|
border-color: #585477;
|
|
background-color: #19191c;
|
|
}
|
|
:root .c-mbox--lock {
|
|
border-color: #59534e;
|
|
background-color: #211f1d;
|
|
}
|
|
:root #catlinks {
|
|
border: 1px solid #503a1e;
|
|
background-color: #130f0a;
|
|
}
|
|
|
|
[data-theme=poe-wiki],
|
|
[data-theme=poe-wiki][data-dorako-ui-scope=limited] {
|
|
--color-primary-1: var(--tertiary);
|
|
--color-primary-2: var(--poe-color-unique);
|
|
--color-primary-3: var(--primary-dark);
|
|
--color-primary-3-75: color-mix(in srgb, var(--color-primary-3) 75%, transparent);
|
|
--color-primary-4-75: color-mix(in srgb, var(--color-primary-4) 75%, transparent);
|
|
--color-secondary-1: var(--secondary-light);
|
|
--color-secondary-2: var(--secondary);
|
|
--color-secondary-3: var(--secondary-dark);
|
|
--color-secondary-3-75: color-mix(in srgb, var(--color-secondary-3) 75%, transparent);
|
|
--color-secondary-4: #26231f;
|
|
--window-app-background: var(--dark-15);
|
|
--window-app-border-color: var(--brown-4);
|
|
--window-app-border-width: 1px;
|
|
--app-background: var(--glass-bg);
|
|
--app-border-color: var(--alt);
|
|
--app-border-width: 1px;
|
|
--scrollbar-thumb-background: var(--brown-1);
|
|
--scrollbar-thumb-border-color: var(--brown-2);
|
|
--box-shadow: 0px 1px 2px black;
|
|
--accent-color: var(--tertiary);
|
|
--inline-background: transparent;
|
|
--inline-border-color: transparent;
|
|
--inline-text-color: var(--poe-color-magic);
|
|
--inline-icon-color: var(--poe-color-gem);
|
|
--input-border-color: var(--brown-2);
|
|
--color-border-light-primary: var(--brown-1);
|
|
--color-border-light-highlight: var(--brown-2);
|
|
}
|
|
[data-theme=poe-wiki].actor.sheet .crb-style .sheet-body,
|
|
[data-theme=poe-wiki][data-dorako-ui-scope=limited].actor.sheet .crb-style .sheet-body {
|
|
--color-border-medium: var(--brown-1);
|
|
--color-border-divider: var(--brown-1);
|
|
--secondary: var(--poe-color-gem);
|
|
}
|
|
[data-theme=poe-wiki].actor.sheet .inventory .list-row .item-controls,
|
|
[data-theme=poe-wiki][data-dorako-ui-scope=limited].actor.sheet .inventory .list-row .item-controls {
|
|
--secondary: var(--poe-color-gem);
|
|
}
|
|
|
|
[data-theme=poe-wiki] select,
|
|
[data-theme=poe-wiki] input,
|
|
[data-theme=poe-wiki] button {
|
|
--button-background: #21201c;
|
|
--button-border-color: #403b2d;
|
|
--input-border-color: var(--brown-2);
|
|
--input-background: var(--alt-dark);
|
|
--input-focus-outline-color: var(--tertiary);
|
|
}
|
|
[data-theme=poe-wiki]#hotbar .macro {
|
|
border: 1px solid black;
|
|
}
|
|
[data-theme=poe-wiki]#sidebar {
|
|
background: var(--app-background) !important;
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme=poe-wiki].sidebar-popout {
|
|
background: var(--app-background) !important;
|
|
}
|
|
[data-theme=poe-wiki].message.chat-message {
|
|
background: var(--window-app-background);
|
|
background-position: top;
|
|
background-size: cover;
|
|
}
|
|
[data-theme=poe-wiki].message.chat-message.whisper {
|
|
background: var(--window-app-background);
|
|
background-color: var(--whisper-bg);
|
|
background-blend-mode: luminosity;
|
|
}
|
|
[data-theme=poe-wiki].message.chat-message.whisper.blind {
|
|
background: var(--window-app-background);
|
|
background-color: var(--blind-bg);
|
|
background-blend-mode: luminosity;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Theme colors */
|
|
/* ----------------------------------------- */
|
|
:root {
|
|
--bg3-middle-brown: #9d7b53;
|
|
--bg3-border-color: #5f5244;
|
|
--bg3-background-1: #433c36;
|
|
--bg3-background-2: #423c36;
|
|
--bg3-background-3: #2a2522;
|
|
--bg3-background-4: #292421;
|
|
--bg3-text-1: #fafafa;
|
|
--bg3-text-2: #d1c9b9;
|
|
--bg3-text-3: #b0947b;
|
|
--bg3-text-4: #e8dea8;
|
|
--bg3-text-5: #e1d48f;
|
|
--bg3-accent-color-light: #ff7ba2;
|
|
--bg3-accent-color: #ea4a72;
|
|
--bg3-accent-color-dark: #912737;
|
|
--bg3-color-scrollbar-highlight: #fff7d3;
|
|
--bg3-scrollbar-thumb-background: #ecc090;
|
|
--bg3-scrollbar-thumb-border-color: #6c5842;
|
|
--bg3-blue-light: #0c93bd;
|
|
--bg3-blue: #183541;
|
|
--bg3-blue-dark: #1b2a30;
|
|
--bg3-ba-orange: #ab5623;
|
|
--bg3-action-green: #019740;
|
|
--bg3-pactslot-pink: #f950f9;
|
|
--bg3-spellslot-blue: #79ffff;
|
|
--bg3-bardic-yellow: #cfad00;
|
|
--bg3-icon-green-stroke: #95aaa5;
|
|
--bg3-icon-green-light: #1c4137;
|
|
--bg3-icon-green-dark: #1d3733;
|
|
--bg3-attention: #fe265d;
|
|
--bg3-alliance-ally-yellow: #c09e05;
|
|
--bg3-alliance-opposition-red: #de1847;
|
|
--bg3-alliance-companion-blue: #08c6e4;
|
|
--bg3-alliance-ally-green: #52fead;
|
|
--bg3-rarity-legendary: #dfa633;
|
|
--bg3-rarity-very-rare: #d1017b;
|
|
--bg3-rarity-quest: #cd5f21;
|
|
--bg3-rarity-rare: #00bffd;
|
|
--bg3-rarity-uncommon: #01b638;
|
|
--bg3-rarity-common: #ffe6cb;
|
|
--bg3-info-overlay-light: rgba(255, 255, 255, 0.25);
|
|
--bg3-info-overlay-dark: rgba(0, 0, 0, 0.25);
|
|
/* Brown variant */
|
|
--bg3-bg-inner: #241d16;
|
|
--bg3-bg-outer: #1b1a19;
|
|
--bg3-border-inner: #ab7743;
|
|
--bg3-border-outer: #7b542e;
|
|
--bg3-ui-purple: #4e3061;
|
|
/* Blue variant */
|
|
--bg3-inspect-background: #2a2a2a;
|
|
--bg3-inspect-border-color: #aca493;
|
|
--bg3-healing: #49cbc1;
|
|
--bg3-border-background: linear-gradient(
|
|
to right,
|
|
var(--bg3-border-outer) 0%,
|
|
var(--bg3-border-inner) 50%,
|
|
var(--bg3-border-outer) 100%
|
|
);
|
|
--bg3-tooltip-window-background: linear-gradient(
|
|
to right,
|
|
var(--bg3-bg-outer) 0,
|
|
var(--bg3-bg-inner) 50%,
|
|
var(--bg3-bg-outer) 100%
|
|
);
|
|
--bg3-ui-purple-background: linear-gradient(
|
|
to top,
|
|
color-mix(in srgb, var(--bg3-ui-purple) 50%, transparent) 0,
|
|
transparent 15%
|
|
);
|
|
--top-color: transparent;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Map v1 styling to v2 values */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=bg3] {
|
|
--color-border-light-highlight: var(--bg3-border-outer);
|
|
--color-border-light-primary: var(--bg3-border-outer);
|
|
--color-border-light-secondary: var(--bg3-border-outer);
|
|
--color-border-light-tertiary: var(--bg3-border-inner);
|
|
--color-border-dark-primary: var(--bg3-border-inner);
|
|
--color-border-dark-secondary: var(--bg3-border-outer);
|
|
--color-text-hyperlink: var(--accent-color);
|
|
--color-border-highlight: var(--accent-color);
|
|
--color-border-highlight-alt: var(--accent-color-dark);
|
|
--color-border-divider: var(--bg3-border-color);
|
|
--color-text-dark-primary: var(--text-color-3);
|
|
--color-text-dark-secondary: var(--text-color-5);
|
|
--color-bg-option: var(--alt);
|
|
}
|
|
|
|
[data-theme^=bg3][data-dorako-ui-scope=limited],
|
|
[data-theme^=bg3] {
|
|
--window-app-background: var(--bg3-tooltip-window-background) padding-box, var(--bg3-border-background) border-box;
|
|
--window-app-border-color: transparent;
|
|
--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");
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* DUI variables */
|
|
/* ----------------------------------------- */
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs,
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *,
|
|
[data-theme^=bg3] {
|
|
/* Base colors */
|
|
--color-primary-1: var(--bg3-accent-color-light);
|
|
--color-primary-2: var(--bg3-accent-color);
|
|
--color-primary-3: var(--bg3-border-outer);
|
|
--color-primary-4: var(--bg3-blue-dark);
|
|
/* Misc variables */
|
|
--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");
|
|
--box-shadow: 0px 1px 2px black;
|
|
--icon-border-color: #ab7743;
|
|
/* Window app variables */
|
|
--window-app-background: radial-gradient(circle at bottom right, #2c282433 0%, #2c2824ff 50%, #0c0804ee 100%),
|
|
radial-gradient(circle at center, transparent 0, #0c0804ee 100%);
|
|
--window-app-border-color: var(--bg3-middle-brown);
|
|
--window-app-border-width: 2px;
|
|
--window-app-box-shadow: 0px 5px 20px 3px black;
|
|
/* App variables */
|
|
--app-background: #161511aa;
|
|
--app-border-color: var(--bg3-border-color);
|
|
--app-border-width: 1px;
|
|
/* Inline variables */
|
|
--inline-background: transparent;
|
|
--inline-border-color: transparent;
|
|
--inline-text-color: var(--bg3-text-4);
|
|
--inline-icon-color: var(--bg3-text-5);
|
|
--inline-box-shadow: none;
|
|
--inline-text-shadow: 0px 1px 1px black;
|
|
/* Input variables */
|
|
--input-box-shadow: none;
|
|
--input-border-color: var(--bg3-bg-outer);
|
|
--input-background: color-mix(in srgb, var(--alt) 50%, transparent);
|
|
--input-disabled-background: var(--bg3-background-4);
|
|
--input-disabled-border-color: var(--bg3-background-3);
|
|
--input-focus-outline-color: var(--tertiary);
|
|
--input-text-color: var(--text-color-2);
|
|
/* Button variables */
|
|
--button-background: var(--app-background);
|
|
--button-border-color: #403b2d;
|
|
--button-text-color: var(--text-color-3);
|
|
--button-focus-outline-color: #d3b87c;
|
|
--button-hover-background: var(--bg3-accent-color-dark);
|
|
--button-hover-border-color: #9a8860;
|
|
--button-hover-text-color: var(--text-color-1);
|
|
--button-disabled-background: rgba(60, 60, 60, 0.5);
|
|
--button-disabled-border-color: rgba(160, 160, 160, 0.5);
|
|
--button-toggle-border-color: #d3b87c;
|
|
--button-toggle-background: radial-gradient(circle, #175868 0, black 100%);
|
|
--button-toggle-hover-background: radial-gradient(circle, var(--bg3-blue-light) 0, var(--bg3-blue) 100%);
|
|
--button-toggle-hover-border-color: #edd5a2;
|
|
--button-bright-text-color: var(--bg3-text-1);
|
|
/* Fieldset variables */
|
|
--fieldset-border-color: transparent;
|
|
--fieldset-background-color: rgba(0, 0, 0, 0.2);
|
|
--fieldset-legend-color: var(--bg3-text-4);
|
|
/* Scrollbar and accent variables */
|
|
--scrollbar-thumb-background: var(--bg3-scrollbar-thumb-background);
|
|
--scrollbar-thumb-border-color: var(--bg3-scrollbar-thumb-border-color);
|
|
--color-scrollbar-hover: var(--bg3-color-scrollbar-highlight);
|
|
--accent-text-color: var(--bg3-text-1);
|
|
--accent-color-light: var(--bg3-accent-color-light);
|
|
--accent-color: var(--bg3-accent-color);
|
|
--accent-color-dark: var(--bg3-accent-color-dark);
|
|
/* Other */
|
|
--rarity-common: var(--bg3-rarity-common) !important;
|
|
--rarity-uncommon: var(--bg3-rarity-uncommon) !important;
|
|
--rarity-rare: var(--bg3-rarity-rare) !important;
|
|
--rarity-unique: var(--bg3-rarity-very-rare) !important;
|
|
--color-rarity-common: var(--bg3-rarity-common) !important;
|
|
--color-rarity-uncommon: var(--bg3-rarity-uncommon) !important;
|
|
--color-rarity-rare: var(--bg3-rarity-rare) !important;
|
|
--color-rarity-unique: var(--bg3-rarity-very-rare) !important;
|
|
--bg3-ui-top-background: linear-gradient(
|
|
to bottom,
|
|
color-mix(in srgb, var(--top-color) 40%, transparent) 0,
|
|
transparent 40%
|
|
);
|
|
}
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-rarity=common],
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-rarity=common],
|
|
[data-theme^=bg3][data-rarity=common] {
|
|
--rarity: var(--rarity-common);
|
|
}
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-rarity=uncommon],
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-rarity=uncommon],
|
|
[data-theme^=bg3][data-rarity=uncommon] {
|
|
--rarity: var(--rarity-uncommon);
|
|
}
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-rarity=rare],
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-rarity=rare],
|
|
[data-theme^=bg3][data-rarity=rare] {
|
|
--rarity: var(--rarity-rare);
|
|
}
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-rarity=unique],
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-rarity=unique],
|
|
[data-theme^=bg3][data-rarity=unique] {
|
|
--rarity: var(--rarity-unique);
|
|
}
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-rarity].window-app,
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-rarity].window-app,
|
|
[data-theme^=bg3][data-rarity].window-app {
|
|
--top-color: var(--rarity);
|
|
--window-app-border-color: transparent;
|
|
--window-app-background: var(--bg3-ui-top-background) border-box, var(--bg3-ui-purple-background),
|
|
var(--bg3-tooltip-window-background) padding-box, var(--bg3-border-background) border-box;
|
|
}
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs tags.tags.paizo-style,
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ * tags.tags.paizo-style,
|
|
[data-theme^=bg3] tags.tags.paizo-style {
|
|
--tags-border-color: transparent;
|
|
}
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs.window-app button.bright,
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *.window-app button.bright,
|
|
[data-theme^=bg3].window-app button.bright {
|
|
--button-background: var(--accent-color);
|
|
--button-border-color: var(--accent-color-dark);
|
|
--button-text-color: white !important;
|
|
--button-hover-text-color: white !important;
|
|
}
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc,
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc,
|
|
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc {
|
|
--bg3-border-inner: #a16a37;
|
|
--bg3-border-outer: #4a2e18;
|
|
--bg3-border-internal: #304248;
|
|
--bg3-bg-inner: #182830;
|
|
--bg3-bg-outer: #151e29;
|
|
--bg3-border-background: linear-gradient(
|
|
to right,
|
|
var(--bg3-border-outer) 0%,
|
|
var(--bg3-border-inner) 50%,
|
|
var(--bg3-border-outer) 100%
|
|
);
|
|
--input-placeholder-color: var(--bg3-text-3);
|
|
--section-background: linear-gradient(
|
|
to right,
|
|
var(--bg3-bg-outer) 0,
|
|
var(--bg3-bg-inner) 50%,
|
|
var(--bg3-bg-outer) 100%
|
|
);
|
|
--section-header: linear-gradient(
|
|
to right,
|
|
var(--bg3-bg-outer) 0,
|
|
var(--bg3-bg-inner) 50%,
|
|
var(--bg3-bg-outer) 100%
|
|
);
|
|
--section-border-color: var(--bg3-border-inner);
|
|
--section-outline-color: var(--bg3-border-outer);
|
|
--section-header-text-color: var(--bg3-text-2);
|
|
--tag-border-color: var(--bg3-border-internal);
|
|
--tag-background-color: transparent;
|
|
--tag-text-color: var(--bg3-text-4);
|
|
--color-text-dark-input: var(--bg3-text-2);
|
|
--input-border-color: transparent;
|
|
--input-background: rgba(0, 0, 0, 0.1);
|
|
--input-focus-outline-color: var(--bg3-border-internal);
|
|
--input-placeholder-color: rgba(40, 40, 40, 1);
|
|
--color-border-light-tertiary: var(--bg3-border-inner);
|
|
--text-dark: var(--bg3-text-4);
|
|
}
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header,
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header,
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header,
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header,
|
|
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header,
|
|
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header {
|
|
border-width: 0 0 2px;
|
|
border-image: linear-gradient(90deg, transparent, var(--bg3-border-internal) 50%, transparent) 1 repeat;
|
|
position: relative;
|
|
}
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header .side-bar-label,
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header h4,
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header .side-bar-label,
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header h4,
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header .side-bar-label,
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header h4,
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header .side-bar-label,
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header h4,
|
|
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header .side-bar-label,
|
|
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header h4,
|
|
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header .side-bar-label,
|
|
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header h4 {
|
|
z-index: 1;
|
|
}
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header::before,
|
|
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header::before,
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header::before,
|
|
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header::before,
|
|
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header::before,
|
|
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header::before {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
content: "";
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
background: linear-gradient(to top, rgba(0, 0, 0, 0.33), transparent);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* System variables */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=bg3] {
|
|
--color-text-dark-primary: var(--text-color-2);
|
|
--bg: rgba(0, 0, 0, 0.5);
|
|
--sub: var(--bg3-middle-brown);
|
|
--text-dark: var(--bg3-text-1);
|
|
--color-border-light-1: var(--color-text-light-highlight);
|
|
--color-underline-header: var(--bg3-middle-brown);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Specifics */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=bg3] .roll-note[data-visibility=gm],
|
|
[data-theme^=bg3] table.pf2e,
|
|
[data-theme^=bg3] table.pf2-table {
|
|
--inline-background: color-mix(in srgb, var(--bg3-accent-color-dark) 75%, transparent);
|
|
--inline-border-color: var(--bg3-accent-color);
|
|
--inline-text-color: var(--bg3-text-1);
|
|
--inline-icon-color: var(--bg3-text-1);
|
|
--inline-box-shadow: 0px 1px 2px black;
|
|
--inline-text-shadow: 0px 1px 1px black;
|
|
}
|
|
[data-theme^=bg3] h1 {
|
|
border-image: linear-gradient(90deg, transparent, var(--color-underline-header) 50%, transparent) 1;
|
|
}
|
|
[data-theme^=bg3].spellcasting-entry.preparation .item-name {
|
|
--secondary: var(--bg3-text-4);
|
|
}
|
|
[data-theme^=bg3].app.window-app {
|
|
box-shadow: var(--window-app-box-shadow), 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset;
|
|
}
|
|
[data-theme^=bg3].pf2e.item.sheet.app {
|
|
--color-border-medium: var(--bg3-border-color);
|
|
}
|
|
[data-theme^=bg3].actor.sheet .crb-style .sheet-body {
|
|
--color-border-medium: var(--brown-1);
|
|
--color-border-divider: var(--scrollbar-thumb-border-color);
|
|
--text-dark: var(--bg3-text-2);
|
|
}
|
|
[data-theme^=bg3].actor.sheet .inventory .list-row .item-controls {
|
|
--secondary: var(--bg3-text-1);
|
|
}
|
|
[data-theme^=bg3].actor.sheet.character {
|
|
--color-border-light-2: var(--bg3-border-color);
|
|
}
|
|
[data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item, [data-theme^=bg3].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, [data-theme^=bg3].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike, [data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
|
|
border-image: linear-gradient(90deg, transparent, var(--bg3-text-2) 20%, transparent) 1 !important;
|
|
}
|
|
[data-theme^=bg3].actor.sheet .inventory .list-row .item-controls, [data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title, [data-theme^=bg3].actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover, [data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score {
|
|
--secondary: var(--bg3-text-1);
|
|
--fa-inverse: black;
|
|
}
|
|
[data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill, [data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill, [data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill {
|
|
--primary: var(--tertiary);
|
|
}
|
|
[data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item, [data-theme^=bg3].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, [data-theme^=bg3].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
|
|
border-image: linear-gradient(90deg, transparent, var(--tertiary) 20%, transparent) 1;
|
|
}
|
|
[data-theme^=bg3].window-app.sidebar-popout {
|
|
border: none;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* FPS display */
|
|
/* ----------------------------------------- */
|
|
#fps[data-theme^=bg3] {
|
|
background: var(--bg3-tooltip-window-background) padding-box, linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%) border-box;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0px 0px 30px black, 0px 0px 20px black, 0px 0px 10px black;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Tooltip */
|
|
/* ----------------------------------------- */
|
|
#tooltip[data-theme^=bg3] {
|
|
--border-radius: 12px;
|
|
box-shadow: 0px 0px 30px black, 0px 0px 20px black, 0px 0px 10px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset;
|
|
backdrop-filter: none;
|
|
border-radius: var(--border-radius);
|
|
text-shadow: none;
|
|
padding: 1em 1em;
|
|
font-family: var(--serif);
|
|
color: var(--bg3-text-3);
|
|
background: var(--bg3-tooltip-window-background) padding-box, linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%) border-box;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
[data-theme^=bg3]#effects-panel .effect-item .effect-info {
|
|
background: var(--bg3-tooltip-window-background) padding-box, linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%) border-box;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0px 0px 30px black, 0px 0px 20px black, 0px 0px 10px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset;
|
|
backdrop-filter: none;
|
|
border-radius: var(--border-radius);
|
|
text-shadow: none;
|
|
color: var(--bg3-text-3);
|
|
}
|
|
[data-theme^=bg3]#effects-panel .effect-item > .icon {
|
|
--border-radius: 50%;
|
|
--icon-border-color: #d3b87c;
|
|
outline: 1px solid #9a8860;
|
|
}
|
|
[data-theme^=bg3]#effects-panel .effect-item > .icon.aura {
|
|
border-radius: 33%;
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Navigation */
|
|
/* ----------------------------------------- */
|
|
[data-dorako-ui-scope=navigation][data-theme^=bg3] #nav-toggle {
|
|
background: var(--bg3-tooltip-window-background) padding-box, var(--bg3-border-background) border-box !important;
|
|
border: 2px solid transparent !important;
|
|
box-shadow: 0px 1px 2px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme^=bg3] .scene {
|
|
border: 2px solid transparent !important;
|
|
line-height: calc(var(--control-size) - 4px) !important;
|
|
position: relative;
|
|
box-shadow: 0px 1px 2px black, 0px 0px 5px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
|
|
--button-toggle-focus-outline-color: #d3b87c;
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme^=bg3] .scene.view::before {
|
|
background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);
|
|
border-radius: var(--border-radius);
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: visible;
|
|
pointer-events: none;
|
|
z-index: 0;
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme^=bg3] .scene:not(.gm) {
|
|
--button-toggle-background: var(--bg3-tooltip-window-background) padding-box,
|
|
var(--bg3-border-background) border-box;
|
|
--button-toggle-hover-background: var(--bg3-tooltip-window-background) padding-box,
|
|
var(--bg3-border-background) border-box;
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme^=bg3] .scene.gm {
|
|
--bg3-border-inner: #a16a37;
|
|
--bg3-border-outer: #4a2e18;
|
|
--bg3-border-internal: #304248;
|
|
--bg3-bg-inner: #182830;
|
|
--bg3-bg-outer: #151e29;
|
|
--bg3-border-background: linear-gradient(
|
|
to right,
|
|
var(--bg3-border-outer) 0%,
|
|
var(--bg3-border-inner) 50%,
|
|
var(--bg3-border-outer) 100%
|
|
);
|
|
--bg3-tooltip-window-background: linear-gradient(
|
|
to right,
|
|
var(--bg3-bg-outer) 0,
|
|
var(--bg3-bg-inner) 50%,
|
|
var(--bg3-bg-outer) 100%
|
|
);
|
|
--button-toggle-background: var(--bg3-tooltip-window-background) padding-box,
|
|
var(--bg3-border-background) border-box;
|
|
--button-toggle-hover-background: var(--bg3-tooltip-window-background) padding-box,
|
|
var(--bg3-border-background) border-box;
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme^=bg3] .scene.gm.active:not(.view) {
|
|
--button-toggle-focus-outline-color: transparent;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Hotbar */
|
|
/* ----------------------------------------- */
|
|
[data-dorako-ui-scope=hotbar][data-theme^=bg3] nav.action-bar {
|
|
border-radius: var(--border-radius);
|
|
--app-border-color: rgba(0, 0, 0, 0.4);
|
|
--box-shadow: 0px 0px 6px 2px black inset;
|
|
}
|
|
[data-dorako-ui-scope=hotbar][data-theme^=bg3] nav.action-bar .macro {
|
|
--border-radius: 3px;
|
|
--app-background: rgba(80, 80, 80, 0.4);
|
|
}
|
|
[data-dorako-ui-scope=hotbar][data-theme^=bg3] .bar-controls {
|
|
background: var(--bg3-tooltip-window-background) !important;
|
|
border: 1px solid var(--bg3-border-outer) !important;
|
|
border-top-color: var(--bg3-border-inner) !important;
|
|
border-bottom-color: var(--bg3-border-inner) !important;
|
|
box-shadow: var(--box-shadow), 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Chat message */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=bg3].chat-message .message-content .damage-application button[data-action=apply-healing]:hover,
|
|
[data-theme^=bg3].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button[data-action=target-apply-healing]:hover {
|
|
--color-level-success: var(--bg3-healing) !important;
|
|
--color-level-success-border: color-mix(in srgb, var(--bg3-healing) 20%, white) !important;
|
|
}
|
|
|
|
[data-theme^=bg3].message .message-content .damage-application button[data-action=apply-healing] .fa-stack i.fa-plus {
|
|
--fa-inverse: black;
|
|
}
|
|
|
|
[data-theme^=bg3].message.chat-message {
|
|
--window-app-background: linear-gradient(
|
|
to bottom,
|
|
color-mix(in srgb, var(--player-color) 40%, transparent) 0,
|
|
transparent 40%
|
|
)
|
|
border-box,
|
|
var(--bg3-tooltip-window-background) padding-box,
|
|
linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%)
|
|
border-box;
|
|
background: var(--window-app-background);
|
|
border: 2px solid transparent !important;
|
|
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset;
|
|
}
|
|
[data-theme^=bg3].message.chat-message[data-theme^=bg3-blue] {
|
|
--bg3-border-inner: #a16a37;
|
|
--bg3-border-outer: #4a2e18;
|
|
--bg3-border-internal: #304248;
|
|
--bg3-bg-inner: #182830;
|
|
--bg3-bg-outer: #151e29;
|
|
--bg3-border-background: linear-gradient(
|
|
to right,
|
|
var(--bg3-border-outer) 0%,
|
|
var(--bg3-border-inner) 50%,
|
|
var(--bg3-border-outer) 100%
|
|
);
|
|
--bg3-tooltip-window-background: linear-gradient(
|
|
to right,
|
|
var(--bg3-bg-outer) 0,
|
|
var(--bg3-bg-inner) 50%,
|
|
var(--bg3-bg-outer) 100%
|
|
);
|
|
background: linear-gradient(to bottom, color-mix(in srgb, var(--player-color) 40%, transparent) 0, transparent 40%) border-box, var(--bg3-tooltip-window-background) padding-box, linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%) border-box;
|
|
}
|
|
[data-theme^=bg3].message.chat-message[data-theme^=bg3-blue] .card-content hr {
|
|
border-color: var(--bg3-border-outer);
|
|
border: solid transparent;
|
|
border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
|
|
border-width: 0 0 2px;
|
|
border-image: linear-gradient(90deg, transparent, var(--bg3-border-internal) 50%, transparent) 1 repeat;
|
|
}
|
|
[data-theme^=bg3].message.chat-message[data-theme^=bg3-blue].dfce-cm-middle, [data-theme^=bg3].message.chat-message[data-theme^=bg3-blue].dfce-cm-bottom {
|
|
background: var(--bg3-tooltip-window-background) padding-box, linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%) border-box;
|
|
border-top-width: 1px !important;
|
|
}
|
|
[data-theme^=bg3].message.chat-message.dfce-cm-top {
|
|
border-bottom-width: 1px !important;
|
|
}
|
|
[data-theme^=bg3].message.chat-message.dfce-cm-middle, [data-theme^=bg3].message.chat-message.dfce-cm-bottom {
|
|
background: var(--bg3-tooltip-window-background) padding-box, linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%) border-box;
|
|
border-top-width: 1px !important;
|
|
}
|
|
[data-theme^=bg3].message.chat-message.dfce-cm-middle {
|
|
border-bottom-width: 1px !important;
|
|
}
|
|
[data-theme^=bg3].message.chat-message .message-header {
|
|
color: var(--bg3-text-1);
|
|
background: none;
|
|
}
|
|
[data-theme^=bg3].message.chat-message .card-content hr {
|
|
border: 1px solid var(--bg3-border-outer);
|
|
}
|
|
[data-theme^=bg3].message.chat-message[data-has-footer] {
|
|
padding-bottom: 0px;
|
|
}
|
|
[data-theme^=bg3].message.chat-message[data-has-footer] .pf2e.chat-card .card-footer {
|
|
position: relative;
|
|
padding: 5px 5px 5px 5px;
|
|
border-radius: 0px 0px 3px 3px;
|
|
border: none;
|
|
background: linear-gradient(to top, color-mix(in srgb, var(--bg3-ui-purple) 60%, transparent) 0, transparent 100%);
|
|
}
|
|
[data-theme^=bg3].message.chat-message[data-has-footer] .pf2e.chat-card .card-footer::before {
|
|
background: linear-gradient(to top, color-mix(in srgb, var(--bg3-text-3) 10%, transparent) 0, transparent 100%);
|
|
content: "";
|
|
position: absolute;
|
|
top: -25px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: visible;
|
|
pointer-events: none;
|
|
z-index: 0;
|
|
}
|
|
[data-theme^=bg3].message.chat-message .message-timestamp,
|
|
[data-theme^=bg3].message.chat-message .header-meta {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background-color: color-mix(in srgb, var(--player-color) 33%, transparent);
|
|
border-color: color-mix(in srgb, var(--player-color) 50%, rgba(255, 255, 255, 0.5));
|
|
color: var(--bg3-text-1);
|
|
text-shadow: 0px 1px 1px black;
|
|
}
|
|
[data-theme^=bg3].message.chat-message .message-timestamp.rolltype.whisper,
|
|
[data-theme^=bg3].message.chat-message .header-meta.rolltype.whisper {
|
|
background-color: color-mix(in srgb, var(--bg3-alliance-companion-blue) 50%, transparent);
|
|
border-color: color-mix(in srgb, var(--bg3-alliance-companion-blue) 100%, rgba(255, 255, 255, 0.5));
|
|
}
|
|
[data-theme^=bg3].message.chat-message .message-timestamp.rolltype.blind,
|
|
[data-theme^=bg3].message.chat-message .header-meta.rolltype.blind {
|
|
background-color: color-mix(in srgb, var(--bg3-alliance-opposition-red) 50%, transparent);
|
|
border-color: color-mix(in srgb, var(--bg3-alliance-opposition-red) 100%, rgba(255, 255, 255, 0.5));
|
|
}
|
|
[data-theme^=bg3].message.chat-message .tags .tag.tag_transparent,
|
|
[data-theme^=bg3].message.chat-message .tags .tag option.tag_transparent {
|
|
background-color: color-mix(in srgb, var(--player-color) 20%, transparent);
|
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--player-color) 50%, rgba(255, 255, 255, 0.5));
|
|
}
|
|
[data-theme^=bg3].message.chat-message .dice-tooltip .part-header {
|
|
border-color: var(--damage-color);
|
|
}
|
|
[data-theme^=bg3].message.chat-message .dice-tooltip .part-header .part-total {
|
|
border-color: var(--damage-color);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Placeable HUD */
|
|
/* ----------------------------------------- */
|
|
[data-theme=bg3] [data-dorako-ui-scope=placeable-hud] {
|
|
--button-background: radial-gradient(circle, #363534 0, black 100%);
|
|
--button-border-color: #594537;
|
|
--button-hover-background: radial-gradient(circle, var(--bg3-alliance-opposition-red) 0, black 100%);
|
|
--button-focus-outline-color: #d3b87c;
|
|
--button-hover-border-color: #9a8860;
|
|
--button-toggle-border-color: #d3b87c;
|
|
--button-toggle-background: radial-gradient(circle, #0d3c48 0, black 100%);
|
|
--button-toggle-hover-background: radial-gradient(circle, var(--bg3-blue-light) 0, var(--bg3-blue) 100%);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Controls */
|
|
/* ----------------------------------------- */
|
|
[data-dorako-ui-scope=controls][data-theme=bg3] {
|
|
--button-background: radial-gradient(circle, #363534 0, black 100%);
|
|
--button-border-color: #594537;
|
|
--button-hover-background: radial-gradient(circle, var(--bg3-alliance-opposition-red) 0, black 100%);
|
|
--button-focus-outline-color: #d3b87c;
|
|
--button-hover-border-color: #9a8860;
|
|
--box-shadow: 0px 0px 5px black, 0px 1px 2px black;
|
|
}
|
|
|
|
[data-dorako-ui-scope=players][data-theme=bg3] {
|
|
--app-background: var(--bg3-tooltip-window-background) padding-box,
|
|
linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%)
|
|
border-box;
|
|
--app-border-color: transparent;
|
|
--app-border-width: 2px;
|
|
box-shadow: 0px 0px 20px black, 0px 0px 10px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
|
|
}
|
|
[data-dorako-ui-scope=players][data-theme=bg3]#players h3 {
|
|
margin: 3px 0px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* TAH */
|
|
/* ----------------------------------------- */
|
|
[data-theme=bg3]#token-action-hud {
|
|
--button-background: radial-gradient(#363534 0, black 100%);
|
|
--button-border-color: #594537;
|
|
--button-hover-background: radial-gradient(var(--bg3-alliance-opposition-red) 0, black 100%);
|
|
--button-focus-outline-color: #d3b87c;
|
|
--button-hover-border-color: #9a8860;
|
|
}
|
|
|
|
[data-theme=bg3].locked-tooltip.tah-tooltip,
|
|
[data-theme=bg3].tah-tooltip,
|
|
[data-theme=bg3]#tooltip.active:has(.tah-tooltip-wrapper) {
|
|
--bg3-border-inner: #a16a37;
|
|
--bg3-border-outer: #4a2e18;
|
|
--bg3-border-internal: #304248;
|
|
--bg3-bg-inner: #182830;
|
|
--bg3-bg-outer: #151e29;
|
|
--bg3-border-background: linear-gradient(
|
|
to right,
|
|
var(--bg3-border-outer) 0%,
|
|
var(--bg3-border-inner) 50%,
|
|
var(--bg3-border-outer) 100%
|
|
);
|
|
--bg3-tooltip-window-background: linear-gradient(
|
|
to right,
|
|
var(--bg3-bg-outer) 0,
|
|
var(--bg3-bg-inner) 50%,
|
|
var(--bg3-bg-outer) 100%
|
|
);
|
|
background: var(--bg3-tooltip-window-background) padding-box, var(--bg3-border-background) border-box !important;
|
|
box-shadow: 0px 0px 20px black, 0px 0px 10px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
|
|
}
|
|
[data-theme=bg3].locked-tooltip.tah-tooltip h3,
|
|
[data-theme=bg3].tah-tooltip h3,
|
|
[data-theme=bg3]#tooltip.active:has(.tah-tooltip-wrapper) h3 {
|
|
color: var(--bg3-text-1);
|
|
}
|
|
[data-theme=bg3].locked-tooltip.tah-tooltip strong,
|
|
[data-theme=bg3].tah-tooltip strong,
|
|
[data-theme=bg3]#tooltip.active:has(.tah-tooltip-wrapper) strong {
|
|
color: var(--bg3-text-2);
|
|
}
|
|
[data-theme=bg3].locked-tooltip.tah-tooltip hr,
|
|
[data-theme=bg3].tah-tooltip hr,
|
|
[data-theme=bg3]#tooltip.active:has(.tah-tooltip-wrapper) hr {
|
|
margin-left: -16px;
|
|
margin-right: -16px;
|
|
border-color: var(--bg3-border-outer);
|
|
border: solid transparent;
|
|
border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
|
|
border-width: 0 0 2px;
|
|
border-image: linear-gradient(90deg, transparent, var(--bg3-border-internal) 50%, transparent) 1 repeat;
|
|
width: auto;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* ITT */
|
|
/* ----------------------------------------- */
|
|
[data-theme=bg3]#pf2e-token-hud {
|
|
--bg3-border-inner: #a16a37;
|
|
--bg3-border-outer: #4a2e18;
|
|
--bg3-border-internal: #304248;
|
|
--bg3-bg-inner: #182830;
|
|
--bg3-bg-outer: #151e29;
|
|
--bg3-border-background: linear-gradient(
|
|
to right,
|
|
var(--bg3-border-outer) 0%,
|
|
var(--bg3-border-inner) 50%,
|
|
var(--bg3-border-outer) 100%
|
|
);
|
|
--bg3-tooltip-window-background: linear-gradient(
|
|
to right,
|
|
var(--bg3-bg-outer) 0,
|
|
var(--bg3-bg-inner) 50%,
|
|
var(--bg3-bg-outer) 100%
|
|
);
|
|
--app-border-color: transparent;
|
|
--app-border-width: 2px;
|
|
--color-primary-1: green;
|
|
--color-primary-2: var(--bg3-text-1);
|
|
--color-secondary-4: var(--bg3-bg-inner);
|
|
--color-secondary-5: var(--bg3-border-outer);
|
|
}
|
|
[data-theme=bg3]#pf2e-token-hud > div {
|
|
background: var(--bg3-tooltip-window-background) padding-box, var(--bg3-border-background) border-box !important;
|
|
box-shadow: 0px 0px 20px black, 0px 0px 10px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
|
|
}
|
|
[data-theme=bg3]#pf2e-token-hud a:hover {
|
|
text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
|
|
}
|
|
[data-theme=bg3]#pf2e-token-hud .item-img.hover {
|
|
--color-primary-1: var(--bg3-text-1);
|
|
--color-primary-2: var(--bg3-accent-color-dark);
|
|
}
|
|
[data-theme=bg3]#pf2e-token-hud .inner .header {
|
|
z-index: 1;
|
|
}
|
|
[data-theme=bg3]#pf2e-token-hud .inner .header::before {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
content: "";
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 27px;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
background: linear-gradient(to top, rgba(0, 0, 0, 0.33), transparent);
|
|
}
|
|
[data-theme=bg3]#pf2e-token-hud .inner .footer {
|
|
position: relative;
|
|
z-index: 1;
|
|
margin-left: -5px;
|
|
margin-right: -5px;
|
|
}
|
|
[data-theme=bg3]#pf2e-token-hud .inner .footer a {
|
|
z-index: 1;
|
|
}
|
|
[data-theme=bg3]#pf2e-token-hud .inner .footer::before {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 24px;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.33), transparent);
|
|
}
|
|
[data-theme=bg3]#pf2e-token-hud .inner > hr {
|
|
margin-left: -5px;
|
|
margin-right: -5px;
|
|
border-color: var(--bg3-border-outer);
|
|
border: solid transparent;
|
|
border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
|
|
border-width: 0 0 2px;
|
|
border-image: linear-gradient(90deg, transparent, var(--bg3-border-internal) 50%, transparent) 1 repeat;
|
|
width: auto;
|
|
}
|
|
[data-theme=bg3]#pf2e-token-hud .sidebar {
|
|
box-shadow: 0px 0px 20px black, 0px 0px 10px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
|
|
}
|
|
[data-theme=bg3]#pf2e-token-hud .distance.free {
|
|
--app-background: var(--bg3-bg-outer);
|
|
--app-border-color: var(--bg3-border-inner);
|
|
}
|
|
[data-theme=bg3]#pf2e-token-hud .popup {
|
|
box-shadow: 0px 0px 30px black, 0px 0px 20px black, 0px 0px 10px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Chatlog */
|
|
/* ----------------------------------------- */
|
|
[data-chat-interface-theme=bg3] {
|
|
--scrollbar-thumb-background: var(--bg3-scrollbar-thumb-background);
|
|
--scrollbar-thumb-border-color: var(--bg3-scrollbar-thumb-border-color);
|
|
--color-scrollbar-hover: var(--bg3-color-scrollbar-highlight);
|
|
}
|
|
[data-chat-interface-theme=bg3] #sidebar-tabs {
|
|
--button-hover-background: radial-gradient(circle, var(--bg3-alliance-opposition-red) 50%, black 100%);
|
|
--button-hover-border-color: #d3b87c;
|
|
}
|
|
|
|
[data-chat-interface-theme=bg3] #chat-log ~ * #dorako-rt-buttons button {
|
|
--button-toggle-background: radial-gradient(circle, #363534 0, black 100%);
|
|
--button-focus-outline-color: #d3b87c;
|
|
--button-toggle-border-color: #9a8860;
|
|
--button-toggle-hover-border-color: #9a8860;
|
|
}
|
|
[data-chat-interface-theme=bg3] #chat-log ~ * #dorako-rt-buttons button[data-id=publicroll] {
|
|
--button-hover-background: radial-gradient(circle, var(--bg3-alliance-ally-yellow) 0, black 100%);
|
|
}
|
|
[data-chat-interface-theme=bg3] #chat-log ~ * #dorako-rt-buttons button[data-id=gmroll] {
|
|
--button-hover-background: radial-gradient(circle, var(--bg3-alliance-companion-blue) 0, black 100%);
|
|
}
|
|
[data-chat-interface-theme=bg3] #chat-log ~ * #dorako-rt-buttons button[data-id=blindroll] {
|
|
--button-hover-background: radial-gradient(circle, var(--bg3-alliance-opposition-red) 0, black 100%);
|
|
}
|
|
[data-chat-interface-theme=bg3] #chat-log ~ * #dorako-rt-buttons button[data-id=selfroll] {
|
|
--button-hover-background: radial-gradient(circle, var(--bg3-alliance-ally-green) 0, black 100%);
|
|
}
|
|
|
|
[data-chat-interface-theme^=crb] #sidebar-tabs,
|
|
[data-chat-interface-theme^=crb] #chat-log ~ *,
|
|
[data-theme^=crb] {
|
|
--icon-border-color: var(--tertiary);
|
|
--scrollbar-thumb-background: var(--tertiary);
|
|
--scrollbar-thumb-border-color: color-mix(in srgb, var(--tertiary) 50%, black);
|
|
--color-scrollbar-hover: color-mix(in srgb, var(--tertiary) 50%, white);
|
|
--window-app-border-color: var(--tertiary);
|
|
--window-app-border-width: 1px;
|
|
--box-shadow: var(--glassy);
|
|
--accent-color: var(--tertiary);
|
|
--inline-box-shadow: none;
|
|
--inline-background: #ddd;
|
|
--inline-border-color: black;
|
|
--inline-text-color: black;
|
|
--inline-icon-color: var(--color-text-dark-inactive);
|
|
--input-box-shadow: none;
|
|
--input-border-color: var(--color-text-light-5);
|
|
--input-text-color: var(--color-text-dark-input);
|
|
--input-focus-text-color: var(--color-text-dark-input);
|
|
--input-background: rgba(255, 255, 255, 0.5);
|
|
--input-focus-outline-color: var(--primary-light);
|
|
--input-placeholder-color: rgba(0, 0, 0, 0.5);
|
|
--button-background: var(--app-background);
|
|
--button-border-color: var(--app-border-color);
|
|
--button-text-color: var(--text-color-3);
|
|
--button-focus-outline-color: var(--color-primary-1);
|
|
--button-hover-background: var(--color-primary-2);
|
|
--button-hover-border-color: var(--color-primary-1);
|
|
--button-hover-text-color: var(--text-color-1);
|
|
--button-disabled-background: var(--color-primary-5);
|
|
--button-disabled-border-color: var(--color-primary-4);
|
|
--button-toggle-border-color: var(--secondary-light);
|
|
--button-toggle-background: var(--secondary-dark);
|
|
--button-toggle-hover-background: var(--secondary-light);
|
|
--color-primary-1: var(--tertiary);
|
|
--color-primary-2: var(--primary-light);
|
|
--color-primary-3: var(--primary-dark);
|
|
--color-primary-3-75: color-mix(in srgb, var(--color-primary-3) 75%, transparent);
|
|
--color-primary-4-75: color-mix(in srgb, var(--color-primary-4) 75%, transparent);
|
|
--color-secondary-1: var(--secondary-light);
|
|
--color-secondary-2: var(--secondary);
|
|
--color-secondary-3: var(--secondary-dark);
|
|
--color-secondary-3-75: color-mix(in srgb, var(--color-secondary-3) 75%, transparent);
|
|
--color-border-light-1: #ddd;
|
|
--color-border-light-2: #999;
|
|
}
|
|
|
|
[data-chat-interface-theme^=crb] #chat-log ~ *,
|
|
[data-theme^=crb]:not([data-color-scheme]) {
|
|
--text-color-2: var(--color-text-light-highlight);
|
|
--text-color-3: var(--color-text-light-heading);
|
|
--input-text-color: black;
|
|
--input-focus-text-color: black;
|
|
--input-focus-outline-color: var(--tertiary);
|
|
--button-background: var(--glass-bg-light);
|
|
--app-background: var(--glass-bg);
|
|
--app-border-color: transparent;
|
|
--app-border-width: 0px;
|
|
--window-app-background: var(--glass-bg);
|
|
--window-app-box-shadow: var(--glassy), 0px 5px 30px black;
|
|
outline: none !important;
|
|
}
|
|
[data-chat-interface-theme^=crb] #chat-log ~ *#token-hud, [data-chat-interface-theme^=crb] #chat-log ~ *#tile-hud,
|
|
[data-theme^=crb]:not([data-color-scheme])#token-hud,
|
|
[data-theme^=crb]:not([data-color-scheme])#tile-hud {
|
|
--button-background: var(--glass-bg);
|
|
--input-text-color: var(--text-color-2);
|
|
}
|
|
|
|
[data-theme^=crb] button {
|
|
--text-color-1: white;
|
|
--text-color-2: var(--color-text-light-highlight);
|
|
--text-color-3: var(--color-text-light-heading);
|
|
}
|
|
[data-theme^=crb].app.window-app {
|
|
outline: 1px solid var(--gold-brown);
|
|
}
|
|
[data-theme^=crb].app.window-app.sidebar-popout {
|
|
outline: none;
|
|
}
|
|
[data-theme^=crb].app.window-app.journal-sheet.journal-entry {
|
|
--window-app-background: var(--glass-bg);
|
|
}
|
|
[data-theme^=crb]#controls, [data-theme^=crb]#navigation {
|
|
--button-background: var(--glass-bg);
|
|
}
|
|
[data-theme^=crb].sheet.journal-entry .journal-entry-content {
|
|
background-image: var(--sheet);
|
|
background-size: cover;
|
|
border: var(--window-app-border-width) solid;
|
|
border-color: var(--window-app-border-color);
|
|
box-shadow: 0px 0px 0px 1px var(--gold-brown);
|
|
border-bottom: unset;
|
|
border-right: unset;
|
|
margin: unset;
|
|
}
|
|
[data-theme^=crb].spellcasting-entry.preparation ol.spell-list > li .item-name .item-image, [data-theme^=crb].actor.sheet .item-image {
|
|
--box-shadow: 0px 0px 0px 1px var(--gold-brown);
|
|
}
|
|
[data-theme^=crb].chat-message {
|
|
outline: 1px solid var(--gold-brown);
|
|
}
|
|
[data-theme^=crb].chat-message[data-has-header] .message-header {
|
|
background-image: var(--sheet-light);
|
|
background-size: cover;
|
|
background-color: var(--header-color);
|
|
background-blend-mode: multiply;
|
|
border-bottom: 1px solid var(--tertiary);
|
|
box-shadow: 0px 1px 0px 0px var(--gold-brown);
|
|
margin-bottom: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
[data-theme^=crb].chat-message[data-has-header][data-header-text-color-scheme=light] .message-header {
|
|
color: white !important;
|
|
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5) !important;
|
|
}
|
|
[data-theme^=crb].chat-message[data-has-header][data-header-text-color-scheme=light] .message-header .message-sender:not([data-visibility=gm]) {
|
|
color: white !important;
|
|
}
|
|
[data-theme^=crb].chat-message[data-has-header][data-header-text-color-scheme=light] .message-header .header-meta {
|
|
background: rgba(255, 255, 255, 0.2);
|
|
border-color: rgba(255, 255, 255, 0.5);
|
|
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
|
|
}
|
|
[data-theme^=crb].chat-message[data-has-header][data-header-text-color-scheme=dark] .message-header {
|
|
color: black !important;
|
|
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5) !important;
|
|
}
|
|
[data-theme^=crb].chat-message[data-has-header][data-header-text-color-scheme=dark] .message-header .header-meta {
|
|
background: rgba(0, 0, 0, 0.2);
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
[data-theme^=crb].chat-message .card-content {
|
|
--app-border-color: var(--tertiary);
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: var(--ornamentation);
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
padding: 3px 10px;
|
|
font-weight: 500;
|
|
margin: 0px;
|
|
margin-top: 5px;
|
|
}
|
|
[data-theme^=crb].chat-message .card-content hr {
|
|
margin: 0px -10px;
|
|
border-bottom: none;
|
|
}
|
|
[data-theme^=crb].chat-message .card-footer {
|
|
border: none;
|
|
}
|
|
[data-theme^=crb].chat-message .card-footer span {
|
|
border-right: 1px solid gray;
|
|
padding-right: 5px;
|
|
}
|
|
[data-theme^=crb] hr {
|
|
border-top: none;
|
|
}
|
|
[data-theme^=crb]#hotbar .macro {
|
|
border: 1px solid black;
|
|
}
|
|
[data-theme^=crb].sidebar-popout {
|
|
background: var(--app-background) !important;
|
|
}
|
|
[data-theme^=crb].message.chat-message {
|
|
background: var(--window-app-background);
|
|
background-position: top;
|
|
background-size: cover;
|
|
}
|
|
[data-theme^=crb].message.chat-message.whisper {
|
|
background: var(--window-app-background);
|
|
background-color: var(--whisper-bg);
|
|
background-blend-mode: luminosity;
|
|
background-size: cover;
|
|
border-color: var(--tertiary);
|
|
}
|
|
[data-theme^=crb].message.chat-message.whisper.blind {
|
|
background: var(--window-app-background);
|
|
background-color: var(--blind-bg);
|
|
background-blend-mode: luminosity;
|
|
background-size: cover;
|
|
border-color: var(--tertiary);
|
|
}
|
|
[data-theme^=crb]#effects-panel .effect-item > .icon {
|
|
--box-shadow: var(--gold-and-glow);
|
|
--border-radius: 50%;
|
|
}
|
|
[data-theme^=crb]#effects-panel .effect-item > .icon.aura {
|
|
border-radius: 33%;
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Modules */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=crb]#token-action-hud button {
|
|
--button-background: var(--glass-bg);
|
|
}
|
|
[data-theme^=crb]#token-action-hud .hover > button {
|
|
--button-background: var(--button-hover-background);
|
|
}
|
|
[data-theme^=crb]#pf2e-token-hud {
|
|
--color-primary-2: var(--tertiary);
|
|
--color-secondary-4: var(--glass-bg-light);
|
|
}
|
|
[data-theme^=crb]#pf2e-token-hud hr {
|
|
display: none;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Navigation */
|
|
/* ----------------------------------------- */
|
|
[data-dorako-ui-scope=navigation][data-theme^=crb] .scene {
|
|
--button-toggle-focus-outline-color: #d3b87c;
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme^=crb] .scene:not(.gm) {
|
|
--button-toggle-background: var(--app-background);
|
|
--button-toggle-hover-background: var(--primary-light);
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme^=crb] .scene.gm.active:not(.view) {
|
|
--button-toggle-focus-outline-color: transparent;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Chatlog */
|
|
/* ----------------------------------------- */
|
|
[data-chat-interface-theme^=crb] {
|
|
--scrollbar-thumb-background: var(--tertiary);
|
|
--scrollbar-thumb-border-color: color-mix(in srgb, var(--tertiary) 50%, black);
|
|
--color-scrollbar-hover: color-mix(in srgb, var(--tertiary) 50%, white);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Placeable HUD */
|
|
/* ----------------------------------------- */
|
|
[data-theme^=crb] [data-dorako-ui-scope=placeable-hud] {
|
|
--button-background: var(--glass-bg);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Theme colors */
|
|
/* ----------------------------------------- */
|
|
:root {
|
|
--f2-color-warm-1: #ee9b3a;
|
|
--f2-color-warm-1-40: color-mix(in srgb, var(--color-warm-1) 40%, transparent);
|
|
--f2-color-warm-2: #c9593f;
|
|
--f2-color-warm-2-20: color-mix(in srgb, var(--color-warm-2) 20%, transparent);
|
|
--f2-color-warm-3: #5d142b;
|
|
--f2-color-warm-3-10: color-mix(in srgb, var(--color-warm-3) 10%, transparent);
|
|
--f2-color-warm-3-75: color-mix(in srgb, var(--color-warm-3) 75%, transparent);
|
|
--f2-color-warm-4: #420418;
|
|
--f2-color-warm-4-75: color-mix(in srgb, var(--color-warm-4) 75%, transparent);
|
|
--f2-color-warm-5: #26020d;
|
|
--f2-color-cool-1: #b1a0d4;
|
|
--f2-color-cool-2: #79689c;
|
|
--f2-color-cool-3: #584a75;
|
|
--f2-color-cool-3-75: color-mix(in srgb, var(--color-cool-3) 75%, transparent);
|
|
--f2-color-cool-4: #302831;
|
|
--f2-color-cool-5: #0b0a13;
|
|
--f2-color-cool-5-25: rgba(11, 10, 19, 0.25);
|
|
--f2-color-cool-5-50: rgba(11, 10, 19, 0.5);
|
|
--f2-color-cool-5-75: rgba(11, 10, 19, 0.75);
|
|
--f2-color-cool-5-90: rgba(11, 10, 19, 0.9);
|
|
--f2-color-light-1: #f7f3e8;
|
|
--f2-color-light-2: #efe6d8;
|
|
--f2-color-light-3: #e7d1b1;
|
|
--f2-color-light-4: #d0b8a3;
|
|
--f2-color-light-5: #9f8475;
|
|
--f2-color-light-disabled: #aaa;
|
|
--f2-color-level-error: #ce0707;
|
|
--f2-color-level-error-bg: rgba(105, 0, 8, 0.8);
|
|
--f2-color-level-error-border: #750003;
|
|
--f2-color-level-info: #59a1f6;
|
|
--f2-color-level-info-bg: rgba(47, 80, 132, 0.8);
|
|
--f2-color-level-info-border: #5c87b9;
|
|
--f2-color-level-success: #26b231;
|
|
--f2-color-level-success-bg: rgba(26, 107, 34, 0.8);
|
|
--f2-color-level-success-border: #1b8f23;
|
|
--f2-color-level-warning: #ee9b3a;
|
|
--f2-color-level-warning-bg: rgba(214, 150, 0, 0.8);
|
|
--f2-color-level-warning-border: #b18404;
|
|
--f2-color-level-green-bg: rgba(138, 211, 4, 0.4);
|
|
--f2-color-level-green-border: #8ad304;
|
|
--f2-color-level-yellow-bg: rgba(211, 192, 4, 0.4);
|
|
--f2-color-level-yellow-border: #d3c004;
|
|
--f2-color-level-orange-bg: rgba(211, 119, 4, 0.4);
|
|
--f2-color-level-orange-border: #d37704;
|
|
--f2-color-level-red-bg: rgba(211, 20, 4, 0.4);
|
|
--f2-color-level-red-border: #d31404;
|
|
--f2-scrollbar-thumb-background: #5d142b;
|
|
--f2-scrollbar-thumb-border-color: #8d151b;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Map v1 styling to v2 values */
|
|
/* ----------------------------------------- */
|
|
[data-theme=foundry2] {
|
|
--color-shadow-primary: transparent;
|
|
--color-shadow-highlight: transparent;
|
|
--color-border-light-primary: var(--app-border-color);
|
|
--color-border-light-highlight: var(--app-border-color);
|
|
--color-underline-header: var(--color-primary-2);
|
|
--color-underline-active: var(--color-primary-1);
|
|
--color-text-dark-primary: var(--text-color-3);
|
|
--color-text-dark-secondary: var(--text-color-5);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Light color scheme */
|
|
/* ----------------------------------------- */
|
|
[data-theme=foundry2][data-color-scheme=light] {
|
|
--window-app-background: color-mix(in srgb, var(--color-secondary-5-90) 90%, var(--color-primary-1));
|
|
--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");
|
|
}
|
|
[data-theme=foundry2][data-color-scheme=light].pf2e.item.sheet {
|
|
--color-border-medium: var(--color-secondary-3);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* DUI variables */
|
|
/* ----------------------------------------- */
|
|
[data-chat-interface-theme=foundry2] #sidebar-tabs,
|
|
[data-chat-interface-theme=foundry2] #chat-log ~ *,
|
|
[data-theme=foundry2] {
|
|
--color-primary-1: var(--f2-color-warm-1);
|
|
--color-primary-1-40: color-mix(in srgb, var(--color-primary-1) 40%, transparent);
|
|
--color-primary-2: var(--f2-color-warm-2);
|
|
--color-primary-2-20: color-mix(in srgb, var(--color-primary-2) 20%, transparent);
|
|
--color-primary-3: var(--f2-color-warm-3);
|
|
--color-primary-3-10: color-mix(in srgb, var(--color-primary-3) 10%, transparent);
|
|
--color-primary-3-75: color-mix(in srgb, var(--color-primary-3) 75%, transparent);
|
|
--color-primary-4: var(--f2-color-warm-4);
|
|
--color-primary-4-75: color-mix(in srgb, var(--color-primary-4) 75%, transparent);
|
|
--color-primary-5: var(--f2-color-warm-5);
|
|
--color-secondary-1: var(--f2-color-cool-1);
|
|
--color-secondary-2: var(--f2-color-cool-2);
|
|
--color-secondary-3: var(--f2-color-cool-3);
|
|
--color-secondary-3-75: color-mix(in srgb, var(--color-secondary-3) 75%, transparent);
|
|
--color-secondary-4: var(--f2-color-cool-4);
|
|
--color-secondary-5: var(--f2-color-cool-5);
|
|
--color-secondary-5-25: rgba(11, 10, 19, 0.25);
|
|
--color-secondary-5-50: rgba(11, 10, 19, 0.5);
|
|
--color-secondary-5-75: rgba(11, 10, 19, 0.75);
|
|
--color-secondary-5-90: rgba(11, 10, 19, 0.9);
|
|
--text-color-1: var(--f2-color-light-1);
|
|
--text-color-2: var(--f2-color-light-2);
|
|
--text-color-3: var(--f2-color-light-3);
|
|
--text-color-4: var(--f2-color-light-4);
|
|
--text-color-5: var(--f2-color-light-5);
|
|
--text-color-disabled: #aaa;
|
|
--icon-border-color: var(--color-primary-1);
|
|
--input-box-shadow: none;
|
|
--input-background: var(--color-secondary-4);
|
|
--input-border-color: var(--color-secondary-3);
|
|
--input-focus-text-color: var(--text-color-2);
|
|
--input-text-color: var(--text-color-3);
|
|
--input-placeholder-color: var(--text-color-4);
|
|
--input-text-selection-color: var(--color-secondary-3);
|
|
--input-focus-outline-color: var(--color-secondary-3);
|
|
--input-disabled-background: var(--color-secondary-5);
|
|
--input-disabled-border-color: var(--color-secondary-4);
|
|
--fieldset-border-color: var(--color-secondary-3);
|
|
--fieldset-background-color: transparent;
|
|
--fieldset-legend-color: var(--text-color-2);
|
|
--button-border-color: var(--color-secondary-3);
|
|
--app-border-width: 1px;
|
|
--button-background: var(--app-background);
|
|
--button-border-color: var(--app-border-color);
|
|
--button-text-color: var(--text-color-3);
|
|
--button-focus-outline-color: var(--color-primary-1);
|
|
--button-hover-background: var(--color-primary-2);
|
|
--button-hover-border-color: var(--color-primary-1);
|
|
--button-hover-text-color: var(--text-color-1);
|
|
--button-disabled-background: var(--color-primary-5);
|
|
--button-disabled-border-color: var(--color-primary-4);
|
|
--button-toggle-border-color: var(--color-secondary-2);
|
|
--button-toggle-background: var(--color-secondary-3-75);
|
|
--button-toggle-hover-background: var(--color-secondary-2);
|
|
--button-toggle-hover-border-color: var(--color-secondary-1);
|
|
--button-toggle-focus-outline-color: var(--color-primary-1);
|
|
--button-bright-text-color: var(--text-color-1);
|
|
--app-background: var(--color-secondary-5-90);
|
|
--app-border-color: var(--color-secondary-4);
|
|
--window-app-background: var(--color-secondary-5-90);
|
|
--window-app-border-color: var(--color-secondary-4);
|
|
--window-app-box-shadow: 0px 5px 20px 3px black, 0px 0px 50px 30px var(--color-primary-3-10),
|
|
0px 0px 30px 20px var(--color-primary-2-20), 0px 0px 10px 05px var(--color-primary-1-40);
|
|
--accent-text-color: black;
|
|
--accent-color-light: color-mix(in srgb, var(--f2-color-warm-1) 80%, white);
|
|
--accent-color: var(--f2-color-warm-1);
|
|
--accent-color-dark: color-mix(in srgb, var(--f2-color-warm-1) 80%, black);
|
|
--inline-background: var(--color-secondary-4);
|
|
--inline-border-color: var(--color-secondary-3);
|
|
--inline-text-color: var(--text-color-2);
|
|
--inline-icon-color: var(--text-color-1);
|
|
--inline-box-shadow: 0px 1px 2px black;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* System variables */
|
|
/* ----------------------------------------- */
|
|
[data-theme=foundry2] {
|
|
--bg: var(--color-primary-3);
|
|
--text-dark: var(--text-color-2);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Specifics */
|
|
/* ----------------------------------------- */
|
|
[data-theme=foundry2].message.chat-message {
|
|
--window-app-border-width: 1px;
|
|
--box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
|
|
--window-app-border-color: var(--player-color);
|
|
--window-app-background: color-mix(in srgb, var(--player-color) 30%, var(--app-background));
|
|
background-position: top;
|
|
background-size: cover;
|
|
}
|
|
[data-theme=foundry2].message.chat-message hr {
|
|
border-top: 1px solid color-mix(in srgb, var(--player-color) 100%, transparent);
|
|
border-bottom: 1px solid color-mix(in srgb, var(--player-color) 30%, transparent);
|
|
}
|
|
[data-theme=foundry2].message.chat-message .message-timestamp,
|
|
[data-theme=foundry2].message.chat-message .header-meta {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
background-color: color-mix(in srgb, var(--player-color) 33%, transparent);
|
|
border: 1px solid color-mix(in srgb, var(--player-color) 50%, rgba(255, 255, 255, 0.5));
|
|
color: var(--text-color-1);
|
|
text-shadow: 0px 1px 1px black;
|
|
}
|
|
[data-theme=foundry2].message.chat-message .message-timestamp.blind,
|
|
[data-theme=foundry2].message.chat-message .header-meta.blind {
|
|
background-color: color-mix(in srgb, var(--blind-bg) 50%, transparent);
|
|
border: 1px solid color-mix(in srgb, var(--blind-bg) 66%, rgba(255, 255, 255, 0.5));
|
|
}
|
|
[data-theme=foundry2].message.chat-message .message-timestamp.whisper,
|
|
[data-theme=foundry2].message.chat-message .header-meta.whisper {
|
|
background-color: color-mix(in srgb, rgb(42, 113, 255) 33%, transparent);
|
|
border: 1px solid color-mix(in srgb, rgb(42, 113, 255) 50%, rgba(255, 255, 255, 0.5));
|
|
}
|
|
[data-theme=foundry2].window-app.sidebar-popout {
|
|
border: none;
|
|
}
|
|
[data-theme=foundry2].actor.sheet .crb-style .sheet-body {
|
|
--primary: var(--color-primary-2);
|
|
--secondary: var(--color-secondary-3);
|
|
--text-dark: var(--text-color-2);
|
|
--color-border-light-2: var(--color-secondary-4);
|
|
--color-border-light-primary: var(--color-primary-1);
|
|
--color-border-light-highlight: var(--color-primary-2);
|
|
--color-border-divider: var(--color-secondary-3);
|
|
--sub: var(--text-color-disabled);
|
|
--alt: var(--text-color-5);
|
|
--bg: var(--color-secondary-5-90);
|
|
}
|
|
[data-theme=foundry2].spellcasting-entry {
|
|
--primary: var(--color-primary-2);
|
|
--secondary: var(--color-secondary-3);
|
|
--text-dark: var(--text-color-2);
|
|
--color-border-divider: var(--color-secondary-3);
|
|
--sub: var(--text-color-disabled);
|
|
--alt: var(--text-color-5);
|
|
--bg: var(--color-secondary-5-90);
|
|
}
|
|
[data-theme=foundry2].actor.sheet .inventory .list-row .item-controls {
|
|
--secondary: var(--color-secondary-2);
|
|
}
|
|
[data-theme=foundry2] .tags .tag.tag_transparent,
|
|
[data-theme=foundry2] .tags .tag option.tag_transparent {
|
|
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset;
|
|
background: var(--color-secondary-4);
|
|
color: var(--text-color-3);
|
|
text-shadow: none;
|
|
}
|
|
[data-theme=foundry2].sheet.kingdom-builder, [data-theme=foundry2].sheet.kingdom {
|
|
--primary: var(--color-primary-2);
|
|
--secondary: var(--color-secondary-3);
|
|
--text-dark: var(--text-color-2);
|
|
--color-border-divider: var(--color-secondary-3);
|
|
--sub: var(--text-color-disabled);
|
|
--alt: var(--text-color-5);
|
|
--alt-dark: var(--text-color-4);
|
|
--bg: var(--color-secondary-5-90);
|
|
--paper-bg: var(--color-secondary-4);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Controls */
|
|
/* ----------------------------------------- */
|
|
/* ----------------------------------------- */
|
|
/* Navigation */
|
|
/* ----------------------------------------- */
|
|
[data-dorako-ui-scope=navigation][data-theme=foundry2] .scene:not(.gm) {
|
|
--button-toggle-background: var(--app-background);
|
|
--button-toggle-border-color: var(--color-secondary-4);
|
|
--button-toggle-hover-border-color: var(--color-primary-1);
|
|
--button-toggle-hover-background: var(--color-primary-2);
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme=foundry2] .scene.gm {
|
|
--button-toggle-background: var(--color-secondary-3-75);
|
|
--button-toggle-border-color: var(--color-secondary-2);
|
|
--button-toggle-hover-border-color: var(--color-secondary-1);
|
|
--button-toggle-hover-background: var(--color-secondary-2);
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme=foundry2] .scene.gm.active:not(.view) {
|
|
--button-toggle-focus-outline-color: transparent;
|
|
}
|
|
|
|
[data-chat-interface-theme=opaque] #chat-log ~ *,
|
|
[data-theme=opaque]:not([data-color-scheme]) {
|
|
--button-background: rgb(30, 30, 30);
|
|
--app-background: rgb(30, 30, 30);
|
|
--app-border-color: rgb(80, 80, 80);
|
|
--app-border-width: 1px;
|
|
--window-app-background: rgb(30, 30, 30);
|
|
--window-app-border-width: 1px;
|
|
--window-app-border-color: rgb(80, 80, 80);
|
|
--input-box-shadow: none;
|
|
--input-border-color: var(--button-border-color);
|
|
--input-text-color: black;
|
|
--input-focus-text-color: black;
|
|
--input-background: rgba(255, 255, 255, 0.5);
|
|
--input-focus-outline-color: var(--primary-light);
|
|
--input-placeholder-color: rgba(0, 0, 0, 0.5);
|
|
--color-primary-1: var(--tertiary);
|
|
--color-primary-2: var(--primary-light);
|
|
--color-primary-3: var(--primary-dark);
|
|
--color-primary-3-75: var(--color-primary-3);
|
|
--color-primary-4-75: var(--color-primary-4);
|
|
--color-secondary-1: var(--secondary-light);
|
|
--color-secondary-2: var(--secondary);
|
|
--color-secondary-3: var(--secondary-dark);
|
|
--color-secondary-3-75: var(--color-secondary-3);
|
|
--button-background: var(--app-background);
|
|
--button-border-color: var(--app-border-color);
|
|
--button-text-color: var(--text-color-3);
|
|
--button-focus-outline-color: var(--tertiary);
|
|
--button-hover-background: var(--primary-light);
|
|
--button-hover-border-color: var(--tertiary);
|
|
--button-hover-text-color: var(--text-color-1);
|
|
--button-disabled-background: var(--color-primary-5);
|
|
--button-disabled-border-color: var(--color-primary-4);
|
|
--button-bright-text-color: white;
|
|
--button-toggle-border-color: var(--secondary-light);
|
|
--button-toggle-hover-border-color: color-mix(in srgb, var(--secondary) 50%, white 50%);
|
|
--button-toggle-background: color-mix(in srgb, var(--secondary) 50%, black 50%);
|
|
--button-toggle-hover-background: var(--secondary-light);
|
|
--scrollbar-thumb-background: var(--bg3-scrollbar-thumb-background);
|
|
--scrollbar-thumb-border-color: var(--bg3-scrollbar-thumb-border-color);
|
|
--color-scrollbar-hover: var(--bg3-color-scrollbar-highlight);
|
|
/* Inline variables */
|
|
--inline-background: #303030;
|
|
--inline-border-color: #404040;
|
|
--inline-text-color: var(--text-color-2);
|
|
--inline-icon-color: var(--text-color-1);
|
|
--inline-box-shadow: 0px 1px 2px black;
|
|
--accent-color: var(--primary-light);
|
|
--icon-border-color: var(--tertiary);
|
|
--color-border-light-primary: var(--app-border-color);
|
|
--color-border-light-highlight: var(--app-border-color);
|
|
}
|
|
[data-chat-interface-theme=opaque] #chat-log ~ *#token-hud,
|
|
[data-theme=opaque]:not([data-color-scheme])#token-hud {
|
|
--input-text-color: var(--text-color-2);
|
|
}
|
|
[data-chat-interface-theme=opaque] #chat-log ~ *#token-hud .attribute i.fas,
|
|
[data-theme=opaque]:not([data-color-scheme])#token-hud .attribute i.fas {
|
|
color: var(--text-color-2);
|
|
}
|
|
[data-chat-interface-theme=opaque] #chat-log ~ *.sidebar-popout,
|
|
[data-theme=opaque]:not([data-color-scheme]).sidebar-popout {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width);
|
|
border-color: var(--app-border-color);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Controls */
|
|
/* ----------------------------------------- */
|
|
[data-dorako-ui-scope=controls][data-theme=opaque] {
|
|
--button-toggle-border-color: var(--secondary-light);
|
|
--button-toggle-hover-border-color: color-mix(in srgb, var(--secondary) 50%, white 50%);
|
|
--button-toggle-background: color-mix(in srgb, var(--secondary) 50%, black 50%);
|
|
--button-toggle-hover-background: var(--secondary-light);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Chatlog */
|
|
/* ----------------------------------------- */
|
|
[data-chat-interface-theme=opaque] #sidebar-tabs {
|
|
--app-border-width: 1px solid;
|
|
--button-hover-background: var(--primary-light);
|
|
--button-hover-border-color: #d3b87c;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Navigation */
|
|
/* ----------------------------------------- */
|
|
[data-dorako-ui-scope=navigation][data-theme=opaque] .scene {
|
|
--button-toggle-focus-outline-color: var(--discord-attention);
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme=opaque] .scene:not(.gm) {
|
|
--button-toggle-border-color: var(--app-border-color);
|
|
--button-toggle-hover-border-color: color-mix(in srgb, var(--primary-light) 50%, white 50%);
|
|
--button-toggle-background: var(--app-background);
|
|
--button-toggle-hover-background: var(--primary-light);
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme=opaque] .scene.gm {
|
|
--button-toggle-border-color: var(--secondary-light);
|
|
--button-toggle-hover-border-color: color-mix(in srgb, var(--secondary) 50%, white 50%);
|
|
--button-toggle-background: color-mix(in srgb, var(--secondary) 50%, black 50%);
|
|
--button-toggle-hover-background: var(--secondary-light);
|
|
}
|
|
[data-dorako-ui-scope=navigation][data-theme=opaque] .scene.gm.active:not(.view) {
|
|
--button-toggle-focus-outline-color: transparent;
|
|
}
|
|
|
|
:root {
|
|
--wotr-red-letter: #612e34;
|
|
--wotr-paper-inner: #fbf9f400;
|
|
--wotr-paper-outer: #8d8572;
|
|
--wotr-purple-bg: #5a475a;
|
|
--wotr-purple-border: #393748;
|
|
--wotr-blue-bg: #adafb1;
|
|
--wotr-yellow-bg: #e2d4b8;
|
|
--wotr-image-border: #343745;
|
|
--wotr-icon-orange: #8b4224;
|
|
--wotr-icon-purple: #58505e;
|
|
--wotr-icon-yellow: #7e5e3e;
|
|
--wotr-text-dark-blue: #333544;
|
|
--wotr-text-dark-brown: #3c3834;
|
|
--wotr-text-orange: #7e4a34;
|
|
--wotr-text-blue: #505b70;
|
|
--wotr-text-pale-purple: #4f4e62;
|
|
--wotr-text-detail: #625f56;
|
|
--wotr-button-text-disabled: #403a39;
|
|
--wotr-button-text: #a58975;
|
|
--wotr-button-background: #180d0f;
|
|
--wotr-button-active-bg: #4d2b46;
|
|
--wotr-button-active-text: #d3cace;
|
|
--wotr-alignment-good-bg: #e2e6ee;
|
|
--wotr-alignment-good-text: #535f74;
|
|
--wotr-alignment-neutral-bg: #d5d1c8;
|
|
--wotr-alignment-neutral-text: #575b5d;
|
|
--wotr-alignment-evil-bg: #d9ada4;
|
|
--wotr-alignment-evil-text: #7e4f40;
|
|
--wotr-experience: #e4dca4;
|
|
--wotr-health: #75e358;
|
|
--wotr-green-bg: #51805c;
|
|
--wotr-green-inner: #cbe9cb;
|
|
--wotr-brown-bg: #7a4c3e;
|
|
--wotr-brown-inner: #efc4b8;
|
|
--wotr-yellow-bg: #827d4b;
|
|
--wotr-yellow-inner: #f8f3cd;
|
|
}
|
|
|
|
[data-chat-interface-theme^=wotr] #sidebar-tabs,
|
|
[data-chat-interface-theme^=wotr] #chat-log ~ *,
|
|
[data-theme^=wotr] {
|
|
--color-border-highlight: transparent;
|
|
--color-border-dark-3: transparent;
|
|
}
|
|
|
|
[data-chat-interface-theme^=wotr] #sidebar-tabs,
|
|
[data-chat-interface-theme^=wotr] #chat-log ~ *,
|
|
[data-theme^=wotr] {
|
|
--icon-border-color: var(--wotr-image-border);
|
|
--scrollbar-thumb-background: var(--wotr-purple-bg);
|
|
--scrollbar-thumb-border-color: var(--wotr-purple-border);
|
|
--color-scrollbar-hover: color-mix(in srgb, var(--wotr-purple-bg) 50%, white);
|
|
--window-app-background: radial-gradient(
|
|
circle at top center,
|
|
#fbf9f444 0%,
|
|
#fbf9f444 40%,
|
|
#a8a29544 60%,
|
|
#a8a295 90%,
|
|
#8d8572 100%
|
|
),
|
|
var(--sheet-light);
|
|
--window-app-box-shadow: 0px 4px 30px 8px black;
|
|
--window-app-border-color: transparent;
|
|
--window-app-border-width: 0px;
|
|
--box-shadow: none;
|
|
--accent-color: #4d2b46;
|
|
--inline-box-shadow: none;
|
|
--inline-background: var(--wotr-purple-bg);
|
|
--inline-border-color: var(--wotr-purple-border);
|
|
--inline-text-color: var(--wotr-button-active-text);
|
|
--inline-icon-color: var(--wotr-button-active-text);
|
|
--input-box-shadow: none;
|
|
--input-border-color: var(--color-text-light-5);
|
|
--input-text-color: var(--color-text-dark-input);
|
|
--input-focus-text-color: var(--color-text-dark-input);
|
|
--input-background: rgba(255, 255, 255, 0.5);
|
|
--input-focus-outline-color: var(--primary-light);
|
|
--input-placeholder-color: rgba(0, 0, 0, 0.5);
|
|
--button-background: var(--wotr-button-background);
|
|
--button-border-color: #442d29;
|
|
--button-text-color: var(--wotr-button-text);
|
|
--button-focus-outline-color: var(--wotr-purple-border);
|
|
--button-hover-background: var(--wotr-button-active-bg);
|
|
--button-hover-border-color: var(--wotr-button-active-bg);
|
|
--button-hover-text-color: var(--wotr-button-active-text);
|
|
--button-disabled-background: var(--wotr-button-background);
|
|
--button-disabled-border-color: #442d29;
|
|
--button-disabled-text-color: var(--wotr-button-text-disabled);
|
|
--button-toggle-border-color: var(--secondary-light);
|
|
--button-toggle-background: var(--secondary-dark);
|
|
--button-toggle-hover-background: var(--secondary-light);
|
|
--color-primary-1: #d3cace;
|
|
--color-primary-2: #4d2b46;
|
|
--color-primary-3: #442d29;
|
|
--color-primary-3-75: color-mix(in srgb, var(--color-primary-3) 75%, transparent);
|
|
--color-primary-4-75: color-mix(in srgb, var(--color-primary-4) 75%, transparent);
|
|
--color-secondary-1: var(--secondary-light);
|
|
--color-secondary-2: var(--secondary);
|
|
--color-secondary-3: var(--secondary-dark);
|
|
--color-secondary-3-75: color-mix(in srgb, var(--color-secondary-3) 75%, transparent);
|
|
--color-border-light-1: #ddd;
|
|
--color-border-light-2: #999;
|
|
--text-color-1: var(--wotr-text-dark-blue);
|
|
--text-color-2: var(--wotr-text-dark-brown);
|
|
--text-color-3: black;
|
|
--text-color-4: var(--wotr-text-detail);
|
|
--text-color-5: #65615a;
|
|
}
|
|
[data-chat-interface-theme^=wotr] #sidebar-tabs.actor.sheet .crb-style section.major > header,
|
|
[data-chat-interface-theme^=wotr] #chat-log ~ *.actor.sheet .crb-style section.major > header,
|
|
[data-theme^=wotr].actor.sheet .crb-style section.major > header {
|
|
font-variant: small-caps;
|
|
text-transform: lowercase;
|
|
font-size: 150%;
|
|
color: #3c3833;
|
|
}
|
|
[data-chat-interface-theme^=wotr] #sidebar-tabs.actor.sheet .crb-style section.major > header::first-letter,
|
|
[data-chat-interface-theme^=wotr] #chat-log ~ *.actor.sheet .crb-style section.major > header::first-letter,
|
|
[data-theme^=wotr].actor.sheet .crb-style section.major > header::first-letter {
|
|
bottom: 15px;
|
|
font-size: 150%;
|
|
text-transform: uppercase;
|
|
color: #612e34;
|
|
vertical-align: middle;
|
|
}
|
|
[data-chat-interface-theme^=wotr] #sidebar-tabs.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier,
|
|
[data-chat-interface-theme^=wotr] #chat-log ~ *.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier,
|
|
[data-theme^=wotr].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier {
|
|
color: var(--wotr-text-dark-blue);
|
|
}
|
|
[data-chat-interface-theme^=wotr] #sidebar-tabs.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation,
|
|
[data-chat-interface-theme^=wotr] #chat-log ~ *.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation,
|
|
[data-theme^=wotr].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation {
|
|
text-transform: uppercase;
|
|
color: var(--wotr-text-orange);
|
|
}
|
|
[data-chat-interface-theme^=wotr] #sidebar-tabs.window-app .window-header,
|
|
[data-chat-interface-theme^=wotr] #chat-log ~ *.window-app .window-header,
|
|
[data-theme^=wotr].window-app .window-header {
|
|
text-shadow: none;
|
|
}
|
|
[data-chat-interface-theme^=wotr] #sidebar-tabs.pf2e.item.sheet .sheet-header img,
|
|
[data-chat-interface-theme^=wotr] #chat-log ~ *.pf2e.item.sheet .sheet-header img,
|
|
[data-theme^=wotr].pf2e.item.sheet .sheet-header img {
|
|
background: rgba(6, 4, 3, 0.92);
|
|
border-image-source: url(../img/crayon-border.webp);
|
|
border-image-slice: 5 20 20 20 fill;
|
|
border-image-repeat: repeat repeat;
|
|
border-image-width: auto;
|
|
border-image-outset: 1px 2px 2px 2px;
|
|
border-radius: 0;
|
|
}
|
|
[data-chat-interface-theme^=wotr] #sidebar-tabs.sheet.journal-entry .journal-sidebar,
|
|
[data-chat-interface-theme^=wotr] #chat-log ~ *.sheet.journal-entry .journal-sidebar,
|
|
[data-theme^=wotr].sheet.journal-entry .journal-sidebar {
|
|
color: var(--wotr-text-dark-brown);
|
|
--color-text-light-7: var(--wotr-text-detail);
|
|
}
|
|
[data-chat-interface-theme^=wotr] #sidebar-tabs.sheet.journal-entry .pages-list .directory-item:not(.active) + .active,
|
|
[data-chat-interface-theme^=wotr] #chat-log ~ *.sheet.journal-entry .pages-list .directory-item:not(.active) + .active,
|
|
[data-theme^=wotr].sheet.journal-entry .pages-list .directory-item:not(.active) + .active {
|
|
background: rgba(87, 91, 93, 0.1333333333);
|
|
}
|
|
[data-chat-interface-theme^=wotr] #sidebar-tabs.sheet,
|
|
[data-chat-interface-theme^=wotr] #chat-log ~ *.sheet,
|
|
[data-theme^=wotr].sheet {
|
|
padding: 0px 10px;
|
|
border-radius: 25px;
|
|
}
|
|
[data-chat-interface-theme^=wotr] #sidebar-tabs.sheet::after, [data-chat-interface-theme^=wotr] #sidebar-tabs.sheet::before,
|
|
[data-chat-interface-theme^=wotr] #chat-log ~ *.sheet::after,
|
|
[data-chat-interface-theme^=wotr] #chat-log ~ *.sheet::before,
|
|
[data-theme^=wotr].sheet::after,
|
|
[data-theme^=wotr].sheet::before {
|
|
background-image: url(../img/wotr/wotr-paper-left.webp);
|
|
background-size: 100% 100%;
|
|
content: " ";
|
|
height: calc(100% + 20px);
|
|
position: absolute;
|
|
top: -10px;
|
|
left: -10px;
|
|
width: 5em;
|
|
z-index: -1;
|
|
}
|
|
[data-chat-interface-theme^=wotr] #sidebar-tabs.sheet::after,
|
|
[data-chat-interface-theme^=wotr] #chat-log ~ *.sheet::after,
|
|
[data-theme^=wotr].sheet::after {
|
|
left: unset;
|
|
right: -10px;
|
|
transform: scaleX(-1);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* 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;
|
|
--system-primary: #5e0000;
|
|
--primary-light: #b10000;
|
|
--primary-dark: #380000;
|
|
--system-secondary: #171f69;
|
|
--secondary: #171f69;
|
|
--secondary-light: #2836b7;
|
|
--secondary-dark: #0d113a;
|
|
--tertiary: #e9d7a1;
|
|
--remaster: hsl(152, 87%, 15%);
|
|
--remaster-light: hsl(170, 96%, 19%);
|
|
--remaster-dark: hsl(153, 100%, 8%);
|
|
--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;
|
|
/* Mats */
|
|
--mats-dark: #1c1c1c;
|
|
--mats-gold-dark: #dbc682;
|
|
--mats-gold-light: #e6d8a7;
|
|
--mats-green-light: #99aea1;
|
|
--mats-green: #3e644b;
|
|
--mats-green-dark: #233b2b;
|
|
/* 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-gold: rgba(103, 88, 60, 0.441);
|
|
--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);
|
|
--glassy-sharp: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 1px 5px 1px rgba(0, 0, 0, 0.8);
|
|
--glassy-sharp-inset: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset;
|
|
--glassy-sharp-highlight: 0px 0px 0px 1px rgba(245, 222, 179, 0.7) inset, 0px 1px 5px 1px rgba(0, 0, 0, 0.8);
|
|
--sheet-light: url(../img/background-light.webp);
|
|
--sheet-dark: url(../img/background-dark4.webp);
|
|
--header: url(../img/red-header.webp);
|
|
--banner-top: url(../img/red-sidebar-top.webp);
|
|
--banner-bottom: url(../img/red-sidebar-bottom.webp);
|
|
--hotbar-width: unset;
|
|
/* Degrees of success */
|
|
--degree-success-critical: rgb(0, 128, 0);
|
|
--degree-success: rgb(0, 0, 255);
|
|
--degree-failure: rgb(255, 69, 0);
|
|
--degree-failure-critical: rgb(255, 0, 0);
|
|
/* Value adjustments (e.g. weak/elite) */
|
|
--adjusted-higher: #009988;
|
|
--adjusted-lower: #cc3311;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* DUI color variables */
|
|
/* ----------------------------------------- */
|
|
:root {
|
|
--color-primary-1: #ee9b3a;
|
|
--color-primary-1-40: color-mix(in srgb, var(--color-primary-1) 40%, transparent);
|
|
--color-primary-2: #c9593f;
|
|
--color-primary-2-20: color-mix(in srgb, var(--color-primary-2) 20%, transparent);
|
|
--color-primary-3: #5d142b;
|
|
--color-primary-3-10: color-mix(in srgb, var(--color-primary-3) 10%, transparent);
|
|
--color-primary-3-75: color-mix(in srgb, var(--color-primary-3) 75%, transparent);
|
|
--color-primary-4: #420418;
|
|
--color-primary-4-75: color-mix(in srgb, var(--color-primary-4) 75%, transparent);
|
|
--color-primary-5: #26020d;
|
|
--color-secondary-1: #b1a0d4;
|
|
--color-secondary-2: #79689c;
|
|
--color-secondary-3: #584a75;
|
|
--color-secondary-3-75: color-mix(in srgb, var(--color-secondary-3) 75%, transparent);
|
|
--color-secondary-4: #302831;
|
|
--color-secondary-5: #0b0a13;
|
|
--color-secondary-5-25: rgba(11, 10, 19, 0.25);
|
|
--color-secondary-5-50: rgba(11, 10, 19, 0.5);
|
|
--color-secondary-5-75: rgba(11, 10, 19, 0.75);
|
|
--color-secondary-5-90: rgba(11, 10, 19, 0.9);
|
|
--text-color-1: #f7f3e8;
|
|
--text-color-2: #efe6d8;
|
|
--text-color-3: #e7d1b1;
|
|
--text-color-4: #d0b8a3;
|
|
--text-color-5: #9f8475;
|
|
--text-color-disabled: #aaa;
|
|
--color-level-error: #ce0707;
|
|
--color-level-error-bg: rgba(105, 0, 8, 0.8);
|
|
--color-level-error-border: #750003;
|
|
--color-level-info: #59a1f6;
|
|
--color-level-info-bg: rgba(47, 80, 132, 0.8);
|
|
--color-level-info-border: #5c87b9;
|
|
--color-level-success: #26b231;
|
|
--color-level-success-bg: rgba(26, 107, 34, 0.8);
|
|
--color-level-success-border: #1b8f23;
|
|
--color-level-warning: #ee9b3a;
|
|
--color-level-warning-bg: rgba(214, 150, 0, 0.8);
|
|
--color-level-warning-border: #b18404;
|
|
--color-level-green-bg: rgba(138, 211, 4, 0.4);
|
|
--color-level-green-border: #8ad304;
|
|
--color-level-yellow-bg: rgba(211, 192, 4, 0.4);
|
|
--color-level-yellow-border: #d3c004;
|
|
--color-level-orange-bg: rgba(211, 119, 4, 0.4);
|
|
--color-level-orange-border: #d37704;
|
|
--color-level-red-bg: rgba(211, 20, 4, 0.4);
|
|
--color-level-red-border: #d31404;
|
|
--scrollbar-thumb-background: #5d142b;
|
|
--scrollbar-thumb-border-color: #8d151b;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Damage colors */
|
|
/* ----------------------------------------- */
|
|
[data-color-scheme=dark] .damage {
|
|
--color-bg-acid: rgba(32, 194, 32, 0.125);
|
|
--color-bg-bleed: rgba(207, 28, 58, 0.125);
|
|
--color-bg-chaotic: rgba(221, 26, 221, 0.125);
|
|
--color-bg-cold: rgba(186, 186, 246, 0.125);
|
|
--color-bg-electricity: rgba(221, 167, 30, 0.125);
|
|
--color-bg-evil: rgba(153, 59, 220, 0.125);
|
|
--color-bg-fire: rgba(229, 93, 39, 0.125);
|
|
--color-bg-force: rgba(177, 77, 249, 0.125);
|
|
--color-bg-good: rgba(157, 115, 10, 0.125);
|
|
--color-bg-lawful: rgba(123, 85, 28, 0.125);
|
|
--color-bg-mental: rgba(87, 87, 219, 0.125);
|
|
--color-bg-physical: rgba(132, 132, 132, 0.125);
|
|
--color-bg-poison: rgba(147, 178, 93, 0.125);
|
|
--color-bg-sonic: rgba(28, 217, 217, 0.125);
|
|
--color-bg-spirit: rgba(147, 142, 189, 0.125);
|
|
--color-bg-vitality: rgba(255, 255, 224, 0.125);
|
|
--color-bg-void: rgb(81, 21, 78, 0.125);
|
|
--color-border-acid: #12a812;
|
|
--color-border-bleed: #d11c3b;
|
|
--color-border-chaotic: #d311d3;
|
|
--color-border-cold: #6464dd;
|
|
--color-border-electricity: yellow;
|
|
--color-border-evil: rgb(145, 63, 203);
|
|
--color-border-fire: #cd4a17;
|
|
--color-border-force: #9222e2;
|
|
--color-border-good: #dcb85f;
|
|
--color-border-lawful: #97743f;
|
|
--color-border-mental: rgb(82, 82, 209);
|
|
--color-border-physical: #939292;
|
|
--color-border-poison: #9aba64;
|
|
--color-border-sonic: rgb(30, 202, 202);
|
|
--color-border-spirit: #5a5585;
|
|
--color-border-vitality: #ffffe0;
|
|
--color-border-void: rgb(122, 38, 117);
|
|
--color-text-acid: #34aa34;
|
|
--color-text-bleed: #b0162f;
|
|
--color-text-chaotic: #b71ab7;
|
|
--color-text-cold: #6868e1;
|
|
--color-text-electricity: #e7b22b;
|
|
--color-text-evil: #836d91;
|
|
--color-text-fire: #b64214;
|
|
--color-text-force: #8321ca;
|
|
--color-text-good: #c79b2b;
|
|
--color-text-lawful: white;
|
|
--color-text-mental: #4c4cc8;
|
|
--color-text-physical: #bab9b9;
|
|
--color-text-poison: #657d3f;
|
|
--color-text-sonic: #21c2c2;
|
|
--color-text-spirit: #827dac;
|
|
--color-text-vitality: #ffffa0;
|
|
--color-text-void: rgb(122, 38, 117);
|
|
}
|
|
|
|
:root .damage.color.acid {
|
|
--damage-color: var(--color-border-acid);
|
|
}
|
|
|
|
:root .damage.color.bleed {
|
|
--damage-color: var(--color-border-bleed);
|
|
}
|
|
|
|
:root .damage.color.bludgeoning,
|
|
:root .damage.color.piercing,
|
|
:root .damage.color.slashing {
|
|
--damage-color: var(--color-border-physical);
|
|
}
|
|
|
|
:root .damage.color.chaotic {
|
|
--damage-color: var(--color-border-chaotic);
|
|
}
|
|
|
|
:root .damage.color.cold {
|
|
--damage-color: var(--color-border-cold);
|
|
}
|
|
|
|
:root .damage.color.electricity {
|
|
--damage-color: var(--color-border-electricity);
|
|
}
|
|
|
|
:root .damage.color.evil {
|
|
--damage-color: var(--color-border-evil);
|
|
}
|
|
|
|
:root .damage.color.fire {
|
|
--damage-color: var(--color-border-fire);
|
|
}
|
|
|
|
:root .damage.color.force {
|
|
--damage-color: var(--color-border-force);
|
|
}
|
|
|
|
:root .damage.color.good {
|
|
--damage-color: var(--color-border-good);
|
|
}
|
|
|
|
:root .damage.color.lawful {
|
|
--damage-color: var(--color-border-lawful);
|
|
}
|
|
|
|
:root .damage.color.mental {
|
|
--damage-color: var(--color-border-mental);
|
|
}
|
|
|
|
:root .damage.color.poison {
|
|
--damage-color: var(--color-border-poison);
|
|
}
|
|
|
|
:root .damage.color.sonic {
|
|
--damage-color: var(--color-border-sonic);
|
|
}
|
|
|
|
:root .damage.color.spirit {
|
|
--damage-color: var(--color-border-spirit);
|
|
}
|
|
|
|
:root .damage.color.vitality {
|
|
--damage-color: var(--color-border-vitality);
|
|
}
|
|
|
|
:root .damage.color.void {
|
|
--damage-color: var(--color-border-void);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* PF2e Dorako UI */
|
|
/* ----------------------------------------- */
|
|
.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;
|
|
}
|
|
|
|
a.content-link,
|
|
[data-pf2-check],
|
|
a.entity-link,
|
|
[data-pf2-action],
|
|
span[data-pf2-effect-area],
|
|
a.inline-check .label,
|
|
a.inline-roll:not(.inline-result) {
|
|
font-weight: 400;
|
|
padding: 0px 4px;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
a.inline-check,
|
|
span[data-pf2-check],
|
|
span[data-pf2-effect-area].with-repost {
|
|
padding: 0px;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
i[data-pf2-repost] {
|
|
top: 0px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tah-tags-wrapper .tags,
|
|
[data-theme] .tags,
|
|
[data-dorako-ui-scope=limited] .tags,
|
|
[data-theme] .tags.paizo-style,
|
|
[data-dorako-ui-scope=limited] .tags.paizo-style {
|
|
gap: 1px;
|
|
}
|
|
.tah-tags-wrapper .tags tag,
|
|
.tah-tags-wrapper .tags .tag:not(.tag_transparent),
|
|
[data-theme] .tags tag,
|
|
[data-theme] .tags .tag:not(.tag_transparent),
|
|
[data-dorako-ui-scope=limited] .tags tag,
|
|
[data-dorako-ui-scope=limited] .tags .tag:not(.tag_transparent),
|
|
[data-theme] .tags.paizo-style tag,
|
|
[data-theme] .tags.paizo-style .tag:not(.tag_transparent),
|
|
[data-dorako-ui-scope=limited] .tags.paizo-style tag,
|
|
[data-dorako-ui-scope=limited] .tags.paizo-style .tag:not(.tag_transparent) {
|
|
border-radius: 0px;
|
|
box-shadow: unset;
|
|
border: 1px solid var(--tertiary);
|
|
outline: 1px solid var(--gold-brown);
|
|
padding: 0.33em 0.33em;
|
|
text-shadow: none;
|
|
}
|
|
.tah-tags-wrapper .tags tag:first-of-type,
|
|
.tah-tags-wrapper .tags .tag:first-child,
|
|
[data-theme] .tags tag:first-of-type,
|
|
[data-theme] .tags .tag:first-child,
|
|
[data-dorako-ui-scope=limited] .tags tag:first-of-type,
|
|
[data-dorako-ui-scope=limited] .tags .tag:first-child,
|
|
[data-theme] .tags.paizo-style tag:first-of-type,
|
|
[data-theme] .tags.paizo-style .tag:first-child,
|
|
[data-dorako-ui-scope=limited] .tags.paizo-style tag:first-of-type,
|
|
[data-dorako-ui-scope=limited] .tags.paizo-style .tag:first-child {
|
|
border-left-width: 1px;
|
|
}
|
|
.tah-tags-wrapper .tags tag:last-of-type,
|
|
.tah-tags-wrapper .tags .tag:last-child,
|
|
[data-theme] .tags tag:last-of-type,
|
|
[data-theme] .tags .tag:last-child,
|
|
[data-dorako-ui-scope=limited] .tags tag:last-of-type,
|
|
[data-dorako-ui-scope=limited] .tags .tag:last-child,
|
|
[data-theme] .tags.paizo-style tag:last-of-type,
|
|
[data-theme] .tags.paizo-style .tag:last-child,
|
|
[data-dorako-ui-scope=limited] .tags.paizo-style tag:last-of-type,
|
|
[data-dorako-ui-scope=limited] .tags.paizo-style .tag:last-child {
|
|
border-right-width: 1px;
|
|
}
|
|
|
|
[data-visibility]:not([data-visibility=all]) {
|
|
padding: unset;
|
|
}
|
|
|
|
.app.sheet.actor p,
|
|
.pf2e p {
|
|
font-weight: 400;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* .message-header fixes (all themes) */
|
|
/* ----------------------------------------- */
|
|
.chat-message .dmgBtn-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.chat-message ul.notes {
|
|
padding: 0px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Settings */
|
|
/* ----------------------------------------- */
|
|
[data-theme] .tab.category.active[data-tab=pf2e-dorako-ux] h2,
|
|
[data-theme] .tab.category.active[data-tab=pf2e-dorako-ui] h2,
|
|
[data-theme] .form-group.dorako.settings-header {
|
|
background: var(--app-background);
|
|
border: var(--app-border-width) solid var(--app-border-color);
|
|
text-shadow: var(--app-text-shadow);
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--box-shadow);
|
|
color: var(--text-color-3);
|
|
font-size: larger;
|
|
margin: 2px;
|
|
margin-bottom: 10px;
|
|
padding: 10px;
|
|
color: var(--text-color-2);
|
|
border-color: var(--color-secondary-1);
|
|
background: var(--color-secondary-2);
|
|
--box-shadow: 0px 1px 3px 1px black;
|
|
box-shadow: var(--box-shadow);
|
|
}
|
|
[data-theme] .tab.category.active[data-tab=pf2e-dorako-ux] h2 .notes,
|
|
[data-theme] .tab.category.active[data-tab=pf2e-dorako-ui] h2 .notes,
|
|
[data-theme] .form-group.dorako.settings-header .notes {
|
|
color: var(--text-color-3);
|
|
}
|
|
[data-theme] .tab.category.active[data-tab=pf2e-dorako-ux] h2,
|
|
[data-theme] .tab.category.active[data-tab=pf2e-dorako-ui] h2 {
|
|
font-size: var(--font-size-48);
|
|
text-align: center;
|
|
color: var(--text-color-2);
|
|
background: var(--color-primary-2);
|
|
border-color: var(--color-primary-1);
|
|
text-shadow: 0px 1px 0px var(--color-primary-3);
|
|
}
|
|
|
|
h3 {
|
|
border-bottom: none;
|
|
}
|
|
|
|
button > i {
|
|
margin-right: 0;
|
|
}
|
|
|
|
img {
|
|
border: none;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
/*# sourceMappingURL=dorako-ui.css.map */
|