mirror of
https://github.com/gregory-jagermeister/Fantasy-Content-Generator.git
synced 2026-07-22 07:30:31 +00:00
style: Update OFCGDetails styles for light and dark themes
This commit is contained in:
parent
8476645fb1
commit
a4e15ad385
1 changed files with 13 additions and 2 deletions
15
styles.css
15
styles.css
|
|
@ -1,4 +1,15 @@
|
||||||
.OFCGDetails {
|
.theme-light .OFCGDetails {
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
box-shadow: 0px 12px 0px 0px rgba(255, 255, 255, 0.37);
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-light .OFCGDetails[open] summary {
|
||||||
|
border-bottom: 1px solid #666;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-dark .OFCGDetails {
|
||||||
border: 1px solid #272727;
|
border: 1px solid #272727;
|
||||||
box-shadow: 0px 12px 0px 0px rgba(0, 0, 0, 0.37);
|
box-shadow: 0px 12px 0px 0px rgba(0, 0, 0, 0.37);
|
||||||
background-color: #313131;
|
background-color: #313131;
|
||||||
|
|
@ -16,7 +27,7 @@
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.OFCGDetails[open] summary {
|
.theme-dark .OFCGDetails[open] summary {
|
||||||
border-bottom: 1px solid #aaa;
|
border-bottom: 1px solid #aaa;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue