Fix two-tone spectrum background colours

This commit is contained in:
Andrew Kingston 2021-05-12 14:52:43 +01:00
parent 16c6e09c61
commit 4147b7203c
3 changed files with 4 additions and 7 deletions

View File

@ -345,7 +345,7 @@
<style> <style>
.wrapper { .wrapper {
background-color: var(--spectrum-alias-background-color-default); background-color: var(--spectrum-alias-background-color-secondary);
overflow: hidden; overflow: hidden;
position: relative; position: relative;
z-index: 1; z-index: 1;
@ -389,7 +389,7 @@
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 2; z-index: 2;
background-color: var(--spectrum-alias-background-color-default); background-color: var(--spectrum-alias-background-color-secondary);
border-bottom: 1px solid border-bottom: 1px solid
var(--spectrum-table-border-color, var(--spectrum-alias-border-color-mid)); var(--spectrum-table-border-color, var(--spectrum-alias-border-color-mid));
} }

View File

@ -6,13 +6,9 @@ html, body {
min-height: 100%; min-height: 100%;
} }
.spectrum--light {
/*--spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-75);*/
}
body { body {
--background: var(--spectrum-alias-background-color-primary); --background: var(--spectrum-alias-background-color-primary);
--background-alt: var(--spectrum-alias-background-color-default); --background-alt: var(--spectrum-alias-background-color-secondary);
--border-light: 1px solid var(--spectrum-global-color-gray-300); --border-light: 1px solid var(--spectrum-global-color-gray-300);
--border-dark: 1px solid var(--spectrum-global-color-gray-400); --border-dark: 1px solid var(--spectrum-global-color-gray-400);
--ink: var(--spectrum-alias-text-color); --ink: var(--spectrum-alias-text-color);

View File

@ -187,5 +187,6 @@
div { div {
padding: 20px; padding: 20px;
position: relative; position: relative;
background-color: var(--spectrum-alias-background-color-secondary);
} }
</style> </style>