Compare commits

..

No commits in common. "0c6c88f7f5764210e145252ce254d4d94e7abd2c" and "abad0841fea09badf195b35c7cde2a2c834db223" have entirely different histories.

4 changed files with 10 additions and 13 deletions

View file

@ -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 */
*, *,

View file

@ -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}

View file

@ -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);
} }

View file

@ -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;
} }