Skip to content

Commit

Permalink
Various fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@Dorako
Dorako committed Feb 3, 2022
1 parent 0e37a65 commit 8231617
Show file tree
Hide file tree
Showing 4 changed files with 251 additions and 24 deletions.
75 changes: 73 additions & 2 deletions styles/chat.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
/* Chat */

#sidebar-tabs {
--sidebar-tab-height: 24px;
--sidebar-tab-width: 24px;
}

#chat-form,
#chat-controls,
Expand All @@ -23,8 +27,37 @@
padding: 2px;
}

.pf2e.chat-card {
text-rendering: geometricPrecision;
}

.pf2e.chat-card .card-header {
padding: 0px;
margin-top: 5px;
margin-bottom: 5px;
}

.pf2e.chat-card .card-header img {
flex: 0 0 36px;
height: 36px;
margin-right: 5px;
width: 36px;
border-radius: 5px;
box-shadow: var(--gold-and-glow);
border: none;
margin-left: 1px;
margin-top: 1px;
}

.pf2e.chat-card .tags {
margin: 0px;
}

.flavor-text > hr {
display: none;
/* display: none; */
margin-top: 0px;
margin-bottom: 3px;
border: 0px none red;
}

#chat-log {
Expand All @@ -37,13 +70,32 @@
flex: 0 0 25px;
}

.message-content .chat-damage-buttons button .label {
font-size: 0.5em;
}

.dice-roll .dice-result .dice-tooltip .damage-type {
background: rgba(0, 0, 0, 0.1);
border-radius: 3px;
}

.message-content .chat-damage-buttons button {
background: rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px #fff inset;
border: 1px solid var(--color-border-light-2);
}

#chat-controls .control-buttons {
color:rgba(255, 255, 245, 0.8);
}

#chat-form textarea {
min-height: 50px;
height: 50%;
background-image: none;
border: none;
background-color: rgba(200, 200, 200, 0.5);
box-shadow: var(--dorako-box-shadow);
box-shadow: var(--glassy);
overflow: visible;
}

Expand Down Expand Up @@ -106,6 +158,17 @@ button {
border-bottom: none;
}

.directory .directory-header,
#combat #combat-controls a,
#combat #combat-round {
text-shadow: var(--dorako-text-shadow);
}

#combat #combat-round .encounters h4,
#combat #combat-round .encounters a {
color: unset;
}

#combat #combat-controls {
border: none;
}
Expand Down Expand Up @@ -249,4 +312,12 @@ button {
.dice-tray {
display: flex;
flex-direction: column;
}

#chat-controls .roll-type-select {
height: unset;
}

.pf2e.chat-card .card-buttons .hidden-to-others {
border: 1px dotted;
}
162 changes: 149 additions & 13 deletions styles/dorako-ui.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
--whisper-bg: #E3E3FF;

/* --dorako-vibrancy: brightness(2.0) contrast(1.2) blur(5px); */
--dorako-vibrancy: none;
--dorako-vibrancy: brightness(2.0) contrast(1.2) blur(5px);
/*--dorako-vibrancy-active: brightness(1.5) contrast(1.0) blur(15px);
--dorako-vibrancy-inactive: brightness(0.5) contrast(1.0) blur(15px);*/

Expand All @@ -26,8 +26,11 @@
--paizo-red: rgb(94, 0, 0);
--paizo-red-glass: rgba(94, 0, 0,1);
--paizo-blue-dark: rgba(16, 21, 73);
--paizo-blue-dark: hsl(234, 64%, 15%);
--paizo-blue: rgb(23, 31, 105);
--paizo-blue: hsl(234, 64%, 25%);
--paizo-blue-bright: rgb(30, 41, 137);
--paizo-blue-bright: hsl(234, 64%, 35%);
--paizo-blue-glass-inactive:rgba(23, 31, 105,0.2);
--paizo-blue-glass:rgba(23, 31, 105,0.5);
--color-shadow-highlight: var(--paizo-red);
Expand All @@ -46,15 +49,143 @@

}

#hotbar .bar-controls a.page-control {
font-size: var(--font-size-14);
.tags {
margin-bottom: 0px;
}

.dice-checks .window-content {
border-image: none;
border-style: none;
border-width: 0px;
}

/* .crb-hover .tooltipster-box {
background-color: none;
border-image-outset: 0;
border-image: none;
border-style: none;
border-width: 0px;
box-shadow: none;
overflow: visible;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .label {
font-family: unset;
text-shadow: var(--dorako-text-shadow);
} */

.editable .crb-style {
text-rendering: geometricPrecision;
}

/*input:not(:disabled),
input:not([type="radio"])*/
select,
button,
form button {
background: var(--bg);
border: unset;
background: rgba(255, 255, 245, 0.8);
border: 1px solid var(--color-border-light-tertiary);
box-shadow: none;
}

footer.sheet-footer.flexrow {
gap: 10px;
}

#settings div {
/* margin: 0 8px; */
display: flex;
flex-direction: column;
gap: 5px;
margin-left: 5px;
margin-right: 5px;
}

#settings button {
margin: 0px;

}

#settings {
text-shadow: var(--dorako-text-shadow);
}

.window-app .window-header {
margin-bottom: 0px;
}

.effect-panel {
right: 0px;
top: 0px;
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 10px;
margin-right: 10px;
text-shadow: var(--dorako-text-shadow);
}

.effect-panel hr {
width: 42px;
box-shadow: 0px 0px 5px var(--color-border-light-highlight);
}

.effect-panel .effect-item {
align-items: center;
gap: 10px
}

.effect-panel .effect-item .icon {
border-radius: 42px;
box-shadow: var(--gold-and-glow);
}

.effect-panel .effect-item .effect-info {
background-color: var(--dorako-bg-glass);
margin-right: 0px;
padding: 3px;
box-shadow: var(--glassy);
border-radius: 3px;
align-items: center;
justify-content: right;
flex-direction: column;
}

.effect-panel .effect-item .icon .linked,
.effect-panel .effect-item .icon .value {
display: contents;
background: inherit;
text-shadow:
0px 0px 15px black,
0px 0px 14px black,
0px 0px 13px black,
0px 0px 12px black,
0px 0px 11px black,
0px 0px 10px black,
-1px -1px 3px black,
-1px 0px 3px black,
-1px 1px 3px black,
0px -1px 3px black,
0px 0px 3px black,
0px 1px 3px black,
1px -1px 3px black,
1px 0px 3px black,
1px 1px 3px black;
font-size: var(--font-size-24);
/* mix-blend-mode: overlay; */
color: white;
}

.effect-panel .effect-item .icon .linked {
font-size: var(--font-size-18);
}

#hotbar .bar-controls a.page-control {
font-size: var(--font-size-14);
}



#client-settings section.content h2.module-header {
margin: 5em 0 0 0;
}
Expand Down Expand Up @@ -442,12 +573,16 @@ button > i {
#custom-hotbar-page-controls.bar-controls.flexcol,
#custom-hotbar-directory-controls.bar-controls.flexcol,
.window-app .window-header,
#darkness-adjuster .window-content {
#darkness-adjuster .window-content,
.window-app.minimized .window-header
{
border: none;
border-radius: 0px;
box-shadow: none;
backdrop-filter: none;
background: none;
background-image: none;

}

/* Glass - Add new styling */
Expand All @@ -474,8 +609,7 @@ button > i {
#navigation #scene-list .scene,
#navigation #scene-list .scene.gm,
.placeable-hud .control-icon,
#token-hud .attribute,
.placeable-hud input[type="text"],
#token-hud .attribute:not(.bar1),
.sidebar-popout.app,
#dfcp-rt-buttons button,
.dice-tray button,
Expand All @@ -484,21 +618,23 @@ button > i {
#custom-hotbar-page-controls.bar-controls.flexcol,
#custom-hotbar #custom-macro-list.flexrow,
.window-app .window-header,
#darkness-adjuster .window-content {
border: none;
#darkness-adjuster .window-content,
.window-app.minimized .window-header
{
border: none !important;
border-radius: var(--dorako-radius);
background-color: var(--dorako-bg-current);
backdrop-filter: var(--dorako-vibrancy);
/*backdrop-filter: none;*/
/*will-change: backdrop-filter;*/
transform: translate3d(0px, 0px, 0px) !important;
/*White inset shadow, soft dark dropshadow*/
box-shadow: var(--glassy);
box-shadow: var(--glassy) !important;
}

.window-app .window-header {
border-radius: var(--dorako-radius) var(--dorako-radius) 0px 0px;
box-shadow: 0px 0px 6px -2px rgba(255, 255, 255, 0.2) inset, var(--dorako-box-shadow) !important;
box-shadow: var(--glassy);
}

.window-app .window-content {
Expand All @@ -525,7 +661,7 @@ button > i {
display: none;
}

:#chat-log:-webkit-scrollbar-track {
#chat-log:-webkit-scrollbar-track {
box-shadow: 0 0 1px #999 inset;
border-radius: 3px;
padding:0px;
Expand Down
17 changes: 11 additions & 6 deletions styles/token-action-hud.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,13 @@

#token-action-hud {
border: none;
background-color: var(--dorako-bg-current) !important;
backdrop-filter: var(--dorako-vibrancy);
box-shadow: 0 0 3px black;
border-radius: var(--dorako-radius);
background-color: unset;
box-shadow: var(--glassy);
padding: 2px;
padding: 0px;
box-shadow: none;
display: flex;
gap: 10px;
}

.tah-subcategory {
Expand Down Expand Up @@ -52,11 +54,14 @@

.tah-title-button {
border: none;
/*background-color: rgba(200,200,200, 0.2);*/
box-shadow: var(--dorako-box-shadow);
background-color: unset;
box-shadow: var(--glassy);
color: var(--color-text-light-highlight);
backdrop-filter: var(--dorako-vibrancy);
text-shadow: var(--dorako-text-shadow);
margin:0px;
padding-left: 5px;
padding-right: 5px;
}

.tah-action button {
Expand Down
Loading

0 comments on commit 8231617

Please sign in to comment.