forked from GitHub-Mirrors/foundry-sw5e
character sheet added, light theme only
This commit is contained in:
Nathanael Phillips
parent
e7ec90c944
commit
d217b00916
16 changed files with 2833 additions and 22 deletions
229
sw5e-dark.css
229
sw5e-dark.css
|
|
@ -394,8 +394,6 @@ body.dark-theme #settings #settings-access {
|
|||
body.dark-theme #navigation #nav-toggle {
|
||||
background: rgba(126, 214, 247, 0.4);
|
||||
color: white;
|
||||
}
|
||||
body.dark-theme #navigation #nav-toggle .nav-item {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
body.dark-theme #navigation .nav-item {
|
||||
|
|
@ -431,6 +429,7 @@ body.dark-theme #controls .control-tool {
|
|||
}
|
||||
body.dark-theme #controls .scene-control:hover,
|
||||
body.dark-theme #controls .control-tool:hover {
|
||||
background: rgba(126, 214, 247, 0.4);
|
||||
box-shadow: 0 0 8px #07516c;
|
||||
}
|
||||
body.dark-theme #controls .scene-control.active,
|
||||
|
|
@ -447,8 +446,9 @@ body.dark-theme #players h3 {
|
|||
background: #2b2b2b;
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 8px;
|
||||
padding: 0 8px;
|
||||
font-size: 17px;
|
||||
line-height: 30px;
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
|
@ -476,7 +476,7 @@ body.dark-theme .window-app {
|
|||
border: none;
|
||||
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
body.dark-theme .window-app header {
|
||||
body.dark-theme .window-app > header {
|
||||
background: #2b2b2b;
|
||||
border-radius: 4px 4px 0 0;
|
||||
border: none;
|
||||
|
|
@ -490,6 +490,12 @@ body.dark-theme .window-app .window-content {
|
|||
body.dark-theme .window-app .window-content footer {
|
||||
margin-top: 8px;
|
||||
}
|
||||
body.dark-theme .window-app.minimized > header,
|
||||
body.dark-theme .window-app.minimized > .window-header {
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
margin: 0;
|
||||
}
|
||||
body.dark-theme #client-settings nav.tabs {
|
||||
border: none;
|
||||
font-size: 17px;
|
||||
|
|
@ -510,3 +516,218 @@ body.dark-theme #client-settings section.content {
|
|||
border: none;
|
||||
margin-top: 4px;
|
||||
}
|
||||
body.dark-theme .panel {
|
||||
background: white;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet .window-content {
|
||||
color: #1C1C1C;
|
||||
background: linear-gradient(90deg, #afc6d6 0, #d6d6d6 30%, #d6d6d6 70%, #afc6d6);
|
||||
}
|
||||
body.dark-theme .sw5e.sheet .window-content input,
|
||||
body.dark-theme .sw5e.sheet .window-content select {
|
||||
color: #1C1C1C;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet .window-content input:hover,
|
||||
body.dark-theme .sw5e.sheet .window-content select:hover {
|
||||
border-color: #4f4f4f;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet .window-content input:focus,
|
||||
body.dark-theme .sw5e.sheet .window-content select:focus {
|
||||
border-color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet .window-content button:hover,
|
||||
body.dark-theme .sw5e.sheet .window-content button:focus {
|
||||
border-color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor {
|
||||
color: #1C1C1C;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet section > h1 {
|
||||
border-bottom: 2px solid #0d99cc;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header h1.character-name {
|
||||
color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header h1.character-name input[type="text"] {
|
||||
color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar {
|
||||
border: 1px solid #4f4f4f;
|
||||
background-color: #afc6d6;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar .bar {
|
||||
background-color: #0d99cc;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .summary input,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .summary .proficiency {
|
||||
color: #4f4f4f;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value input {
|
||||
color: #4f4f4f;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value .value-separator {
|
||||
color: #828282;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer button {
|
||||
border: 1px solid #D6D6D6;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer button:hover {
|
||||
color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points button,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice button,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative button {
|
||||
border: 1px solid #D6D6D6;
|
||||
color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points button:hover,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice button:hover,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative button:hover {
|
||||
border-color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item {
|
||||
color: #4f4f4f;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item.active {
|
||||
color: #E81111;
|
||||
border-bottom-color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item.active:hover {
|
||||
background: rgba(79, 79, 79, 0.1);
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item:hover {
|
||||
background: rgba(79, 79, 79, 0.1);
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item {
|
||||
border-bottom: 2px solid #828282;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item:hover {
|
||||
color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item.active {
|
||||
color: #E81111;
|
||||
border-bottom-color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list-header {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list-title {
|
||||
border-bottom: 1px solid #0d99cc;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list-header .item-detail,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list .item-detail {
|
||||
border-left: 1px solid #D6D6D6;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item:nth-child(even),
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item:nth-child(even) {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item h4,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item h4 {
|
||||
color: #1C1C1C;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name .item-image::before,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name .item-image::before {
|
||||
color: #4f4f4f;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover .item-image:hover::before,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover .item-image:hover::before {
|
||||
color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-control:hover,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-control:hover {
|
||||
color: #E81111 !important;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-control.item-toggle,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-control.item-toggle {
|
||||
color: #828282;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-control.item-toggle.active,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-control.item-toggle.active {
|
||||
color: #1C1C1C;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li {
|
||||
border: 1px solid #D6D6D6;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li h2:hover {
|
||||
color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-score {
|
||||
color: #4f4f4f;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-mod,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-save {
|
||||
border-color: #D6D6D6;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li:nth-child(even) {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li .skill-name:hover {
|
||||
color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button {
|
||||
color: #4f4f4f;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button.active {
|
||||
color: #E81111;
|
||||
border-bottom-color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button.active:hover {
|
||||
background: rgba(232, 17, 17, 0.1);
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button:hover {
|
||||
background: rgba(79, 79, 79, 0.1);
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .trait-selector i.fas {
|
||||
color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .languages label:hover {
|
||||
color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource h1 input {
|
||||
color: #E81111;
|
||||
border-bottom: 2px solid #0d99cc;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value input {
|
||||
color: #4f4f4f;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value .value-separator {
|
||||
color: #828282;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter h4.rollable:hover {
|
||||
color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter .death-success i {
|
||||
color: #0dce0d;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter .death-fail i {
|
||||
color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.inventory .currency {
|
||||
color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance-label {
|
||||
background: #D6D6D6;
|
||||
color: #1C1C1C;
|
||||
border: 1px solid #1C1C1C;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance {
|
||||
background: #afc6d6;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance .encumbrance-bar {
|
||||
background: #0d99cc;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability label,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability h3 {
|
||||
color: #E81111;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability label span,
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability h3 span {
|
||||
color: #1C1C1C;
|
||||
}
|
||||
body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.notes section > input {
|
||||
color: #E81111;
|
||||
border-bottom: 2px solid #0d99cc;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue