uberwald/l5rx-chiaroscuro
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Chat texture and status

Browse Source
This commit is contained in:
Mandar
2021-01-09 00:53:46 +01:00
parent 8009d2f85c
commit 47c2a2144b
10 changed files with 111 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
system/styles/scss/colors.scss
View File

@@ -48,9 +48,10 @@ $l5r5e-linear-gradient-third: rgba(95, 40, 65, 1);
$l5r5e-linear-gradient-third-dark: rgba(65, 25, 40, 1);
// Chat color
$l5r5e-chat-color: rgba(225, 215, 200, 0.75);
$l5r5e-chat-color-mid: rgba(225, 215, 200, 0.5);
$l5r5e-chat-color-light: rgba(225, 215, 200, 0.25);
$l5r5e-chat-color: rgba(225, 215, 200, 0.25);
$l5r5e-chat-color-roll: rgba(225, 215, 200, 0.75);
$l5r5e-chat-color-blind: transparent;
$l5r5e-chat-color-whisper: rgba(225, 200, 225, 0.75);
// -- Rings

14
system/styles/scss/global.scss
View File

@@ -15,7 +15,6 @@ body {
position: relative;
background: rgb(255, 250, 230) url("../assets/imgs/bg-l5r.webp") no-repeat;
background-size: cover;
overflow-y: scroll;
scrollbar-width: thin;
padding: 0;
> form,
@@ -64,6 +63,19 @@ body {
}
}
}
&.sheet,
&.npc,
&.advancement,
&.armor,
&.item,
&.peculiarity,
&.property,
&.technique,
&.weapon {
.window-content {
overflow-y: scroll;
}
}
.window-resizable-handle {
z-index: 2;
background: $black-light;

2
system/styles/scss/npc.scss
View File

@@ -90,8 +90,6 @@
}
.sheet-body {
padding: 0;
padding-bottom: 0.25rem;
margin-bottom: 0.5rem;
}
.npc-skill {
display: flex;

37
system/styles/scss/ui.scss
View File

@@ -207,10 +207,10 @@ button {
background: transparent url("../assets/ui/chat-texture.webp") no-repeat;
}
.header-search input[name="search"] {
background-color: $l5r5e-chat-color-mid;
background-color: $l5r5e-chat-color;
color: $l5r5e-black;
&:focus {
background-color: $l5r5e-chat-color;
background-color: $l5r5e-chat-color-roll;
}
}
@@ -226,11 +226,11 @@ button {
#chat-log {
margin: 0 0 0.5rem;
font-size: 1rem;
.message.whisper,
.message.blind,
.message.roll {
position: relative;
font-style: italic;
.message-header {
.message-metadata:before {
position: absolute;
@@ -243,6 +243,7 @@ button {
}
}
.message.whisper {
font-style: italic;
.message-header {
.message-metadata:before {
content: "(Private)";
@@ -257,6 +258,7 @@ button {
}
}
.message.blind {
font-style: italic;
.message-header {
.message-metadata:before {
content: "(Blind)";
@@ -283,19 +285,32 @@ button {
text-shadow: 1px 1px 0px $l5r5e-black-light;
}
.message {
background-color: $l5r5e-chat-color-light;
color: $l5r5e-black;
background-color: $l5r5e-chat-color;
color: $black-light;
ul {
li {
padding: 0.25rem;
border: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: 0 none;
&:nth-child(odd) {
background: $l5r5e-odd;
}
&:nth-child(even) {
background: $l5r5e-even;
}
&:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
}
}
&.roll {
background-color: $l5r5e-chat-color-mid;
background-color: $l5r5e-chat-color-roll;
}
&.blind {
background-color: $l5r5e-chat-color-light;
background-color: $l5r5e-chat-color-blind;
}
&.whisper {
background-color: $l5r5e-white;
&.roll {
background-color: $l5r5e-chat-color;
}
background-color: $l5r5e-chat-color-whisper;
}
}
}