Shift accent color to teal for buttons and links
This commit is contained in:
@@ -107,12 +107,12 @@ textarea { min-height: 80px; resize: vertical; }
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
background: linear-gradient(135deg, #f2a33c, #e67f2d);
|
||||
border-color: #dd7a26;
|
||||
background: linear-gradient(135deg, #20b2aa, #159f9a);
|
||||
border-color: #128b88;
|
||||
font-weight: 700;
|
||||
color: #2c1c0d;
|
||||
}
|
||||
button:hover { background: linear-gradient(135deg, #f6b24f, #eb8c35); }
|
||||
button:hover { background: linear-gradient(135deg, #2bc6bf, #16b8ae); }
|
||||
|
||||
button.danger { background: #e0564f; border-color: #c54740; color: #fffaf3; }
|
||||
|
||||
@@ -154,11 +154,12 @@ button.ghost { background: transparent; border-color: #d5c7b5; color: #2c1c0d; }
|
||||
|
||||
.card-body { padding: 12px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
|
||||
|
||||
h3 { margin: 0; font-size: 18px; }
|
||||
|
||||
.card-title-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
|
||||
.card-title-row h3 { margin: 0; font-size: 18px; }
|
||||
.title-meta { display: flex; align-items: center; gap: 8px; }
|
||||
.muted { color: #7a6a53; margin: 0; }
|
||||
.link { color: #c26200; text-decoration: none; font-weight: 700; }
|
||||
.link { color: #0f8a86; text-decoration: none; font-weight: 700; }
|
||||
.link:hover { text-decoration: underline; }
|
||||
.link.compact { font-size: 14px; }
|
||||
.chip { background: #f1dfc5; color: #2c1c0d; padding: 4px 8px; border-radius: 999px; font-size: 12px; }
|
||||
@@ -184,7 +185,7 @@ input[type="range"].full-slider {
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
border-radius: 999px;
|
||||
background: linear-gradient(90deg, #f25f3c, #f2c94c, #2ca25f);
|
||||
background: linear-gradient(90deg, #1ea8a0, #1fc2b4, #22c55e);
|
||||
outline: none;
|
||||
box-shadow: inset 0 0 0 1px #e3d4bd, 0 4px 12px rgba(0,0,0,0.18);
|
||||
}
|
||||
@@ -221,8 +222,8 @@ input[type="range"].full-slider::-moz-range-track {
|
||||
position: fixed;
|
||||
bottom: 16px;
|
||||
right: 16px;
|
||||
background: #f2a33c;
|
||||
color: #2c1c0d;
|
||||
background: #1db4ac;
|
||||
color: #0f2f2d;
|
||||
padding: 10px 14px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 10px 24px rgba(0,0,0,0.2);
|
||||
@@ -287,9 +288,9 @@ input[type="range"].full-slider::-moz-range-track {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
background: #f2a33c;
|
||||
color: #2c1c0d;
|
||||
border: 1px solid #dd7a26;
|
||||
background: #1db4ac;
|
||||
color: #0f2f2d;
|
||||
border: 1px solid #128b88;
|
||||
border-radius: 999px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
|
||||
Reference in New Issue
Block a user