Compare commits
No commits in common. "0c6c88f7f5764210e145252ce254d4d94e7abd2c" and "abad0841fea09badf195b35c7cde2a2c834db223" have entirely different histories.
0c6c88f7f5
...
abad0841fe
4 changed files with 10 additions and 13 deletions
|
@ -29,7 +29,6 @@
|
||||||
--foreground-color-2: rgb(218, 219, 220);
|
--foreground-color-2: rgb(218, 219, 220);
|
||||||
--foreground-color-3: rgb(153, 154, 155);
|
--foreground-color-3: rgb(153, 154, 155);
|
||||||
--foreground-color-4: rgb(123, 124, 125);
|
--foreground-color-4: rgb(123, 124, 125);
|
||||||
--colored-element-text-color: var(--foreground-color-1);
|
|
||||||
|
|
||||||
--purple-1: hsl(280, 78%, 50%);
|
--purple-1: hsl(280, 78%, 50%);
|
||||||
--blue-1: hsl(200, 78%, 50%);
|
--blue-1: hsl(200, 78%, 50%);
|
||||||
|
@ -212,12 +211,12 @@ body {
|
||||||
/* button */
|
/* button */
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
color: var(--foreground-color-1);
|
|
||||||
background-color: var(--background-color-2);
|
background-color: var(--background-color-2);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: none;
|
border: none;
|
||||||
padding: var(--space-sm);
|
padding: var(--space-sm);
|
||||||
border-radius: var(--radius-md);
|
border-radius: var(--radius-md);
|
||||||
|
color: currentColor;
|
||||||
font: inherit;
|
font: inherit;
|
||||||
max-height: 3em;
|
max-height: 3em;
|
||||||
}
|
}
|
||||||
|
@ -227,7 +226,6 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-accent {
|
.button-accent {
|
||||||
color: var(--colored-element-text-color);
|
|
||||||
background-color: var(--purple-2);
|
background-color: var(--purple-2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -240,7 +238,6 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-red {
|
.button-red {
|
||||||
color: var(--colored-element-text-color);
|
|
||||||
background-color: var(--red-2);
|
background-color: var(--red-2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -371,14 +368,9 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-button.selected {
|
.sidebar-button.selected {
|
||||||
color: var(--colored-element-text-color);
|
|
||||||
background-color: var(--purple-2);
|
background-color: var(--purple-2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-button.selected .icon-button {
|
|
||||||
color: var(--colored-element-text-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*! the tweaks below are heavily based on modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
|
/*! the tweaks below are heavily based on modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
|
||||||
|
|
||||||
*,
|
*,
|
||||||
|
|
|
@ -21,8 +21,14 @@
|
||||||
--background-color-1: rgb(253, 254, 255);
|
--background-color-1: rgb(253, 254, 255);
|
||||||
--background-color-2: rgb(218, 219, 220);
|
--background-color-2: rgb(218, 219, 220);
|
||||||
--background-color-3: rgb(173, 174, 175);
|
--background-color-3: rgb(173, 174, 175);
|
||||||
|
}
|
||||||
|
|
||||||
--colored-element-text-color: var(--background-color-0);
|
.button {
|
||||||
|
color: var(--foreground-color-1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-red, .button-accent {
|
||||||
|
color: var(--background-color-1);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
.message {
|
.message {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
overflow-x: hidden;
|
overflow-x: none;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
padding: var(--space-xxs) var(--space-normplus) var(--space-xxs) var(--space-normplus);
|
padding: var(--space-xxs) var(--space-normplus) var(--space-xxs) var(--space-normplus);
|
||||||
}
|
}
|
||||||
|
|
|
@ -138,8 +138,7 @@
|
||||||
margin-left: var(--space-sm);
|
margin-left: var(--space-sm);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background-color: var(--purple-1);
|
background-color: var(--purple-1);
|
||||||
padding: 12px;
|
aspect-ratio: 1 / 1;
|
||||||
aspect-ratio: 1;
|
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue