Align the platform look and feel with the devplace main-branch design #164

Merged
retoor merged 4 commits from blindxfish/devplacepy:pr1-terminal-theme into master 2026-08-10 00:28:43 +02:00
6 changed files with 8 additions and 14 deletions
Showing only changes of commit 3fca4be72e - Show all commits
+2 -4
View File
@@ -444,15 +444,13 @@ img {
} }
.btn-primary { .btn-primary {
background: var(--accent-gradient); background: var(--accent);
color: var(--on-accent); color: var(--on-accent);
box-shadow: 0 2px 12px rgba(var(--accent-rgb), 0.3);
} }
.btn-primary:hover { .btn-primary:hover {
background: var(--accent-hover);
color: var(--white); color: var(--white);
box-shadow: var(--glow-accent);
transform: translateY(-1px);
} }
.btn-secondary { .btn-secondary {
+1 -1
View File
@@ -160,7 +160,7 @@
.ds-progress-bar { .ds-progress-bar {
height: 100%; height: 100%;
width: 0; width: 0;
background: var(--accent-gradient, var(--accent)); background: var(--accent-gradient);
transition: width 0.3s ease; transition: width 0.3s ease;
} }
+3 -4
View File
@@ -38,9 +38,8 @@
} }
.feed-nav-btn.active { .feed-nav-btn.active {
background: var(--accent-gradient); background: var(--accent);
color: var(--on-accent); color: var(--on-accent);
box-shadow: var(--glow-accent);
} }
.feed-nav-actions { .feed-nav-actions {
@@ -368,14 +367,14 @@
width: 64px; width: 64px;
height: 64px; height: 64px;
border-radius: 50%; border-radius: 50%;
background: var(--accent-gradient); background: var(--accent);
color: var(--on-accent); color: var(--on-accent);
font-size: 2rem; font-size: 2rem;
line-height: 1; line-height: 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: var(--glow-accent); box-shadow: var(--shadow);
z-index: var(--z-fab); z-index: var(--z-fab);
border: none; border: none;
cursor: pointer; cursor: pointer;
+1 -2
View File
@@ -27,9 +27,8 @@
} }
.projects-tab.active { .projects-tab.active {
background: var(--accent-gradient); background: var(--accent);
color: var(--on-accent); color: var(--on-accent);
box-shadow: var(--glow-accent);
} }
.projects-header { .projects-header {
+1 -2
View File
@@ -76,10 +76,9 @@
.sidebar-link.active, .sidebar-link.active,
.sidebar-link.active:hover { .sidebar-link.active:hover {
background: var(--accent-gradient); background: var(--accent);
color: var(--on-accent); color: var(--on-accent);
font-weight: 600; font-weight: 600;
box-shadow: var(--glow-accent);
} }
.sidebar-dot { .sidebar-dot {
-1
View File
@@ -36,7 +36,6 @@
--shadow-sm: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04); --shadow-sm: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
--shadow: 0 4px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); --shadow: 0 4px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
--shadow-lg: 0 10px 40px -10px rgba(0, 0, 0, 0.15), 0 2px 10px -2px rgba(0, 0, 0, 0.05); --shadow-lg: 0 10px 40px -10px rgba(0, 0, 0, 0.15), 0 2px 10px -2px rgba(0, 0, 0, 0.05);
--glow-accent: 0 6px 24px rgba(183, 63, 30, 0.45);
--white: #fff; --white: #fff;
--overlay-dark: rgba(0, 0, 0, 0.7); --overlay-dark: rgba(0, 0, 0, 0.7);