React-Group/interstellar_ai
1
1
Fork 2
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

The first working Theme Settings

Browse source
This commit is contained in:
sageTheDM 2024-09-23 11:55:58 +02:00
parent 1718c9cf69
commit f5b1e80c6d
16 changed files with 517 additions and 250 deletions
Download patch file Download diff file Expand all files Collapse all files

12
app/styles/faq.css
View file

@ -11,7 +11,7 @@
max-width: 800px;
width: 90%;
padding: 20px;
background-color: #222;
background-color: var(--faq-background-color); /* Use variable for background */
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
overflow-y: scroll; /* Allow vertical scrolling if content overflows */
@ -21,7 +21,7 @@
#faq h2 {
text-align: center;
color: #00ccff;
color: var(--faq-heading-color); /* Use variable for heading color */
font-size: 2em;
margin-bottom: 20px;
}
@ -30,22 +30,22 @@
margin-bottom: 20px;
padding: 10px;
border-radius: 5px;
background-color: #333;
background-color: var(--faq-item-background-color); /* Use variable for item background */
transition: background-color 0.3s ease-in-out;
}
.faq-item h3 {
color: #00ccff;
color: var(--faq-item-heading-color); /* Use variable for item heading color */
margin-bottom: 10px;
font-size: 1.5em;
}
.faq-item p {
color: #ddd;
color: var(--faq-item-text-color); /* Use variable for item text color */
font-size: 1.1em;
line-height: 1.5;
}
.faq-item:hover {
background-color: #444;
background-color: var(--faq-item-hover-background-color); /* Use variable for hover background */
}