base.css edited online with Bitbucket

This commit is contained in:
Walid Saleh
2023-11-29 21:35:20 +00:00
parent 70b6b7557e
commit 760bf54281

View File

@@ -7,9 +7,12 @@
--toast-secondary: hsla(240, 12%, 16%, 0.15);
--toast-text: hsla(0, 0%, 100%, 0.85);
--primary-color: hsl(210, 100%, 52%); /* will remove variable */
--primary-text: theme('colors.grayscale.870'); /* will remove variable */
--secondary-color: hsl(46, 100%, 57%); /* will remove variable */
--primary-color: #b560ff;
/* will remove variable */
--primary-text: theme('colors.grayscale.870');
/* will remove variable */
--secondary-color: hsl(46, 100%, 57%);
/* will remove variable */
}
:root[data-theme='light'] {
@@ -25,13 +28,19 @@
:root[data-theme='dark'] {
--main-background: hsl(240, 10%, 8%);
--secondary-background: hsl(240, 12%, 16%); /* e.g. search bar bg */
--foreground: theme('colors.grayscale.930'); /* primary text + icons in main + search */
--panels-background: hsl(240, 15%, 12%); /* panel left + right bg */
--secondary-background: hsl(260, 19%, 6%);
/* e.g. search bar bg */
--foreground: theme('colors.grayscale.930');
/* primary text + icons in main + search */
--panels-background: hsl(240, 15%, 12%);
/* panel left + right bg */
--table-bg: hsl(240, 10%, 8%); /* e.g. results table bg 1st row */
--table-zebra: hsl(240, 15%, 11%); /* e.g. results table bg 2nd alternate */
--table-highlight: hsl(240, 10%, 22%); /* e.g. hover bg color on table selection */
--table-bg: hsl(240, 10%, 8%);
/* e.g. results table bg 1st row */
--table-zebra: hsl(240, 15%, 11%);
/* e.g. results table bg 2nd alternate */
--table-highlight: hsl(240, 10%, 22%);
/* e.g. hover bg color on table selection */
}
:root[data-theme='purple'] {
@@ -46,6 +55,7 @@
}
@layer base {
input[type='text'],
input[type='password'],
input[type='number'],
@@ -96,16 +106,16 @@
}
a {
color: dodgerblue;
color: #b560ff;
}
}
/* hide marker on summary */
details > summary {
list-style: none;
details>summary {
list-style: none;
/* WebKit browsers */
&::-webkit-details-marker {
display: none;
}
}
/* WebKit browsers */
&::-webkit-details-marker {
display: none;
}
}