Let accent color be configurable
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
parent
dc979a8039
commit
5b3f7c1cdc
9 changed files with 7 additions and 4 deletions
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -856,6 +856,7 @@
|
|||
"soapbox_config.crypto_donate_panel_limit.meta_fields.limit_placeholder": "Liczba elementów do wyświetlenia w widżecie krypto na stronie głównej",
|
||||
"soapbox_config.custom_css.meta_fields.url_placeholder": "Adres URL",
|
||||
"soapbox_config.display_fqn_label": "Wyświetlaj domenę (np. @użytkownik@domena) dla lokalnych kont.",
|
||||
"soapbox_config.fields.accent_color_label": "Kolor akcentu",
|
||||
"soapbox_config.fields.brand_color_label": "Kolor marki",
|
||||
"soapbox_config.fields.crypto_address.add": "Dodaj nowy adres krypto",
|
||||
"soapbox_config.fields.crypto_addresses_label": "Adresy kryptowalut",
|
||||
|
|
|
@ -844,6 +844,7 @@
|
|||
"soapbox_config.crypto_donate_panel_limit.meta_fields.limit_placeholder": "Number of items to display in the crypto homepage widget",
|
||||
"soapbox_config.custom_css.meta_fields.url_placeholder": "URL",
|
||||
"soapbox_config.display_fqn_label": "Display domain (eg @user@domain) for local accounts.",
|
||||
"soapbox_config.fields.accent_color_label": "Акцентний колір",
|
||||
"soapbox_config.fields.brand_color_label": "Brand color",
|
||||
"soapbox_config.fields.crypto_address.add": "Add new crypto address",
|
||||
"soapbox_config.fields.crypto_addresses_label": "Cryptocurrency addresses",
|
||||
|
|
Binary file not shown.
|
@ -418,6 +418,10 @@ code {
|
|||
margin-bottom: 10px;
|
||||
margin-right: 10px;
|
||||
|
||||
&#accent_color {
|
||||
background: var(--accent-color);
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
@ -510,7 +514,7 @@ code {
|
|||
|
||||
.label_input {
|
||||
&__color {
|
||||
display: inline-flex;
|
||||
display: flex;
|
||||
font-size: 14px;
|
||||
|
||||
.color-swatch {
|
||||
|
|
|
@ -41,9 +41,6 @@ body,
|
|||
--background-color_hsl: var(--background-color_h), var(--background-color_s), var(--background-color_l);
|
||||
--foreground-color_hsl: var(--foreground-color_h), var(--foreground-color_s), var(--foreground-color_l);
|
||||
--warning-color_hsl: var(--warning-color_h), var(--warning-color_s), var(--warning-color_l);
|
||||
--accent-color_h: calc(var(--brand-color_h) - 15);
|
||||
--accent-color_s: 86%;
|
||||
--accent-color_l: 44%;
|
||||
|
||||
// Modifiers
|
||||
--brand-color--faint: hsla(var(--brand-color_hsl), 0.1);
|
||||
|
|
Loading…
Reference in a new issue