|
|
|
@ -55,27 +55,21 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
<style>
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
|
|
|
|
|
|
.try-container {
|
|
|
|
.try-container {
|
|
|
|
--background-1: radial-gradient(circle at top right, rgb(230, 233, 236), rgb(244, 245, 247));
|
|
|
|
|
|
|
|
--background-2: var(--sk-back-4);
|
|
|
|
--background-2: var(--sk-back-4);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:global(body.dark .try-container) {
|
|
|
|
:global(body.dark .try-container) {
|
|
|
|
--background-1: #222;
|
|
|
|
|
|
|
|
--background-2: #444;
|
|
|
|
--background-2: #444;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
.try-container {
|
|
|
|
.try-container {
|
|
|
|
--background-1: #222;
|
|
|
|
|
|
|
|
--background-2: #444;
|
|
|
|
--background-2: #444;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:global(body.light .try-container) {
|
|
|
|
:global(body.light .try-container) {
|
|
|
|
--background-1: radial-gradient(circle at top right, rgb(230, 233, 236), rgb(244, 245, 247));
|
|
|
|
--background-2: var(--sk-back-4) !important;
|
|
|
|
--background-2: var(--sk-back-4);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|