mirror of
https://github.com/gregory-jagermeister/Fantasy-Content-Generator.git
synced 2026-07-22 04:34:03 +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;
|
||||
box-shadow: 0px 12px 0px 0px rgba(0, 0, 0, 0.37);
|
||||
background-color: #313131;
|
||||
|
|
@ -16,7 +27,7 @@
|
|||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.OFCGDetails[open] summary {
|
||||
.theme-dark .OFCGDetails[open] summary {
|
||||
border-bottom: 1px solid #aaa;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue