aboutsummaryrefslogtreecommitdiff
path: root/src/styles
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles')
-rw-r--r--src/styles/shifter.css56
1 files changed, 55 insertions, 1 deletions
diff --git a/src/styles/shifter.css b/src/styles/shifter.css
index f245ab2..ee77b83 100644
--- a/src/styles/shifter.css
+++ b/src/styles/shifter.css
@@ -11,6 +11,15 @@
box-shadow: inset 0 0 0 1px var(--dark-button-text);
color: var(--dark-button-text);
}
+
+ .shifter-button:hover {
+ background-color: var(--dark-button-hover);
+ }
+
+ .shifter-button:active {
+ box-shadow: inset 0 0 0 1px var(--dark-button-text);
+ color: var(--dark-button-text);
+ }
}
@media (prefers-color-scheme: light) {
@@ -26,6 +35,15 @@
box-shadow: inset 0 0 0 1px var(--light-button-text);
color: var(--light-button-text);
}
+
+ .shifter-button:hover {
+ background-color: var(--dark-button-hover);
+ }
+
+ .shifter-button:active {
+ box-shadow: inset 0 0 0 1px var(--dark-button-text);
+ color: var(--dark-button-text);
+ }
}
.draggable {
@@ -73,8 +91,10 @@
}
.shifter-window-buttons {
+ font-family: Cambria, serif;
display: flex;
flex-direction: column;
+ gap: 6px;
}
.shifter-welcome h1 {
@@ -96,11 +116,45 @@
}
.shifter-button {
- padding: 6px 12px;
+ padding: 6px 10px;
+ border: 1px solid;
+}
+
+.window-shifter-button {
+ padding: 7px 30px;
border: 1px solid;
+ white-space: nowrap;
}
.sep {
border-top: 1px solid;
background-color: white;
}
+
+.window-setting-main {
+ margin: 0.7em;
+}
+
+.window-setting-main h3 {
+ margin: 0;
+}
+
+.window-setting-main p {
+ margin-top: 0.3em;
+ font-size: 0.9em;
+}
+
+.reset h1 {
+ font-size: 1.5em;
+}
+
+.reset p {
+ font-size: 0.9em;
+}
+
+.reset-button {
+ font-family: Cambria, serif;
+ font-size: 1.7em;
+ padding: 30px 40px;
+ border: 1px solid;
+}