TakeV/foundryvtt-beam-saber
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases 2 Packages Wiki Activity Actions

Style and colors fixes

Browse source
This commit is contained in:
Peter Varaksin 2020-04-29 15:41:36 +03:00
parent 9d95a8860f
commit 206efed337
4 changed files with 30 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
module/crew-sheet.js
View file

@ -10,7 +10,7 @@ export class BladesCrewSheet extends ActorSheet {
classes: ["blades-in-the-dark", "sheet", "actor"],
template: "systems/blades-in-the-dark/templates/crew-sheet.html",
width: 930,
height: 1015,
height: 1020,
tabs: [{navSelector: ".tabs", contentSelector: ".tab-content", initial: "turfs"}]
});
}

4
scss/mixin.scss
View file

@ -51,7 +51,7 @@
@mixin custom_radio($width, $height) {
display: flex;
$default_color: white;
$default_color: $almost_white;
$accent_color: $almost_black;
$circle_border_color: $almost_black;
@ -99,7 +99,7 @@
@mixin custom_radio_square($side) {
display: flex;
$default_color: white;
$default_color: $almost_white;
$accent_color: gold;
$circle_border_color: $almost_black;

34
scss/style.scss
View file

@ -3,6 +3,7 @@ $lightgray: #CCC;
$gray: #999;
$red: red;
$almost_black: #191813;
$almost_white: #EEEFFF;
// Imports
@import 'mixin.scss';
@ -77,7 +78,7 @@ $almost_black: #191813;
.black-label {
background-color: $almost_black;
color: white;
color: $almost_white;
font-size: 21px;
text-align: center;
padding: 0px 5px;
@ -97,11 +98,13 @@ $almost_black: #191813;
.label-stripe {
text-transform: uppercase;
background-color: #888;
background-color: $almost_black;
color: $almost_white;
margin-bottom: 10px;
position: relative;
padding-left: 10px;
display: flex;
font-weight: bold;
}
// Stress and Trauma
@ -189,7 +192,7 @@ $almost_black: #191813;
th {
background-color: $almost_black;
color: white;
color: $almost_white;
}
input[type="text"] {
@ -200,7 +203,7 @@ $almost_black: #191813;
// Clock
#character-health-clock {
@include clock(4, 80, white, $red);
@include clock(4, 80, $almost_white, $red);
margin: 0 auto;
}
@ -222,7 +225,7 @@ $almost_black: #191813;
.stripe {
background-color: $almost_black;
color: white;
color: $almost_white;
font-size: 17px;
padding-left: 5px;
}
@ -289,18 +292,6 @@ $almost_black: #191813;
#lair,
#alias {
margin-bottom: 10px;
// color: red;
// background-image: url("assets/brush/dry-brush-stroke-3.png");
// background-repeat: no-repeat;
// background-size: cover;
// height: 67px;
// input {
// color: red;
// border: none;
// background: none;
// }
}
.profile-img {
@ -404,7 +395,7 @@ $almost_black: #191813;
align-items: center;
border-top: 3px solid $almost_black;
@include custom_radio_round(18px, gray, $lightgray, $almost_black);
@include custom_radio_round(18px, gray, $almost_white, $almost_black);
> * {
margin-right: 5px;
@ -449,4 +440,11 @@ $almost_black: #191813;
}
}
.window-app {
.window-content {
// background: url("https://wallpapertag.com/wallpaper/middle/c/3/6/294219-old-paper-background-1920x1200-for-desktop.jpg") repeat;
}
}
}

20
styles/blades.css
View file

@ -77,7 +77,7 @@
}
* .black-label {
background-color: #191813;
color: white;
color: #EEEFFF;
font-size: 21px;
text-align: center;
padding: 0px 5px;
@ -95,11 +95,13 @@
}
* .label-stripe {
text-transform: uppercase;
background-color: #888;
background-color: #191813;
color: #EEEFFF;
margin-bottom: 10px;
position: relative;
padding-left: 10px;
display: flex;
font-weight: bold;
}
* .big-teeth-section {
border-top: 3px solid #191813;
@ -264,7 +266,7 @@
}
* #harm-armor #character-harm table th {
background-color: #191813;
color: white;
color: #EEEFFF;
}
* #harm-armor #character-harm table input[type=text] {
width: 100%;
@ -295,7 +297,7 @@
display: none;
}
* #harm-armor #character-health-clock input:checked ~ label {
background-color: white;
background-color: #EEEFFF;
}
* #harm-armor #character-health-clock input:checked + label {
background-color: red;
@ -326,7 +328,7 @@
}
* #attributes .stripe {
background-color: #191813;
color: white;
color: #EEEFFF;
font-size: 17px;
padding-left: 5px;
}
@ -394,7 +396,7 @@
display: none;
}
* #attributes .attributes-container input:checked ~ label {
background-color: white;
background-color: #EEEFFF;
}
* #attributes .attributes-container input:checked + label {
background-color: #191813;
@ -455,7 +457,7 @@
display: none;
}
* .coins input:checked ~ label {
background-color: white;
background-color: #EEEFFF;
}
* .coins input:checked + label {
background-color: gold;
@ -493,7 +495,7 @@
display: none;
}
* .crew-coins input:checked ~ label {
background-color: white;
background-color: #EEEFFF;
}
* .crew-coins input:checked + label {
background-color: gold;
@ -728,7 +730,7 @@
}
* #crew-tier input:checked ~ label:not([for$="-0"]) {
border-color: gray;
background-color: #CCC;
background-color: #EEEFFF;
}
* #crew-tier input:checked + label:not([for$="-0"]) {
background-color: #191813;