astra/prism
1
0
Fork 0
mirror of https://github.com/Boof2015/prism.git synced 2026-08-18 19:44:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix macos issues, windows issues, themeing issues

Browse Source
This commit is contained in:
Boof2015
2026-03-29 17:49:49 -04:00
parent 436c45fd3a
commit 6cd30cac39
7 changed files with 567 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/styles/globals.css
+36 -18
View File
@@ -191,7 +191,7 @@ select {
background:
linear-gradient(180deg, var(--settings-bg-top), var(--settings-bg-bottom)),
rgba(0, 0, 0, 0.96);
border-top: 1px solid var(--divider);
border-top: 1px solid rgba(var(--accent-rgb), 0.14);
box-shadow: 0 -16px 34px rgba(0, 0, 0, 0.34);
}
@@ -239,8 +239,9 @@ select {
min-height: 28px;
padding: 0 10px;
border-radius: 999px;
border: 1px solid var(--control-border);
background: var(--glass-bg);
border: 1px solid rgba(var(--accent-rgb), 0.22);
background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.12), rgba(255, 255, 255, 0.02));
box-shadow: inset 0 1px 0 rgba(var(--accent-rgb), 0.08);
}
.toolbar__brand-mark {
@@ -339,7 +340,7 @@ select {
display: flex;
flex-direction: column;
background: var(--menu-bg);
border: 1px solid var(--menu-border);
border: 1px solid rgba(var(--accent-rgb), 0.22);
border-radius: 8px;
overflow: hidden;
z-index: 20;
@@ -629,7 +630,7 @@ select {
flex-direction: column;
gap: 12px;
padding: 0 16px 14px;
border-left: 1px solid rgba(255, 255, 255, 0.06);
border-left: 1px solid rgba(var(--accent-rgb), 0.12);
}
.settings-scope-section:first-child {
@@ -643,7 +644,7 @@ select {
gap: 12px;
padding: 10px 0 12px;
min-height: 42px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
border-bottom: 1px solid rgba(var(--accent-rgb), 0.14);
}
.settings-scope-section__title {
@@ -713,9 +714,9 @@ select {
padding: 0 12px;
padding-right: 36px;
border-radius: 10px;
border: 1px solid transparent;
background: linear-gradient(180deg, var(--input-bg), var(--settings-bg-bottom));
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
border: 1px solid rgba(var(--accent-rgb), 0.2);
background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.1), rgba(7, 10, 15, 0.96));
box-shadow: inset 0 1px 0 rgba(var(--accent-rgb), 0.08);
color: var(--text-primary);
font-size: 11px;
transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease, color 140ms ease;
@@ -723,8 +724,8 @@ select {
.settings-control__select:hover,
.settings-control__select:focus-within {
border-color: var(--input-border-focus);
background: linear-gradient(180deg, var(--input-bg-focus), var(--settings-bg-bottom));
border-color: rgba(var(--accent-rgb), 0.34);
background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.16), rgba(8, 12, 18, 0.98));
color: var(--text-primary);
}
@@ -918,8 +919,9 @@ select {
min-height: 32px;
padding: 0 10px;
border-radius: 10px;
border: 1px solid var(--control-border);
background: linear-gradient(180deg, var(--input-bg), var(--settings-bg-bottom));
border: 1px solid rgba(var(--accent-rgb), 0.22);
background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.12), rgba(7, 10, 15, 0.96));
box-shadow: inset 0 1px 0 rgba(var(--accent-rgb), 0.08);
color: var(--text-secondary);
font-size: 10px;
white-space: nowrap;
@@ -937,16 +939,31 @@ select {
box-shadow: 0 0 8px rgba(var(--accent-rgb), 0.3);
}
.settings-status-pill.is-connecting {
border-color: rgba(var(--accent-rgb), 0.32);
background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.16), rgba(7, 10, 15, 0.96));
}
.settings-status-pill.is-capturing .settings-status-pill__dot {
background: var(--success);
box-shadow: 0 0 8px rgba(34, 197, 94, 0.4);
}
.settings-status-pill.is-capturing {
border-color: rgba(34, 197, 94, 0.34);
background: linear-gradient(180deg, rgba(34, 197, 94, 0.14), rgba(7, 10, 15, 0.96));
}
.settings-status-pill.is-error .settings-status-pill__dot {
background: var(--danger);
box-shadow: 0 0 8px rgba(248, 113, 113, 0.36);
}
.settings-status-pill.is-error {
border-color: rgba(248, 113, 113, 0.34);
background: linear-gradient(180deg, rgba(248, 113, 113, 0.14), rgba(7, 10, 15, 0.96));
}
.settings-error-text {
margin-top: 8px;
color: var(--danger);
@@ -1034,7 +1051,7 @@ select {
min-height: 92px;
padding: 0;
background: var(--bottom-bar-bg);
border-top: 1px solid var(--divider);
border-top: 1px solid rgba(var(--accent-rgb), 0.14);
flex-shrink: 0;
}
@@ -1112,8 +1129,9 @@ select {
gap: 4px;
padding: 4px;
border-radius: 12px;
border: 1px solid var(--control-border);
background: var(--glass-bg);
border: 1px solid rgba(var(--accent-rgb), 0.22);
background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.08), rgba(255, 255, 255, 0.02));
box-shadow: inset 0 1px 0 rgba(var(--accent-rgb), 0.08);
}
.bottom-bar__inline--theme {
@@ -1128,7 +1146,7 @@ select {
width: 1px;
align-self: stretch;
margin: 0 16px 0 0;
background: linear-gradient(180deg, transparent, var(--divider) 18%, rgba(255, 255, 255, 0.04) 82%, transparent);
background: linear-gradient(180deg, transparent, rgba(var(--accent-rgb), 0.18) 18%, rgba(var(--accent-rgb), 0.08) 82%, transparent);
flex-shrink: 0;
}
@@ -1175,7 +1193,7 @@ select {
align-items: center;
flex: 0 0 auto;
padding: 10px 14px 10px 16px;
border-left: 1px solid var(--divider);
border-left: 1px solid rgba(var(--accent-rgb), 0.14);
background: linear-gradient(90deg, rgba(2, 4, 7, 0.76), var(--bottom-bar-bg) 24%, var(--bottom-bar-bg));
}