Webbserver - Love Blomberg

Show sourcecode

The following files exists in this folder. Click to view.

public_html/crumbs/style/

crumbs-theme.css
stylesheet.css

crumbs-theme.css

131 lines UTF-8 Windows (CRLF)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
/* Crumbs — Warm Bakery Theme
   Based on the Crumbs Design System concept.
   Include this file AFTER stylesheet.css to apply the theme. */

:root {
  /* Core palette */
  --bg: #1A1410;
  --surface: #221C16;
  --surface-alt: #2B231B;
  --card: #2B231B;
  --sidebar: #1A1410;
  --border: #3D3028;

  /* Text */
  --text: #F5EDD8;
  --text-secondary: #A89070;
  --muted: #7A6B56;

  /* Primary / accent — amber */
  --primary: #D4822A;
  --primary-hover: #E8962E;
  --primary-subtle: rgba(212, 130, 42, 0.12);

  /* Semantic */
  --success: #4A7C45;
  --success-hover: #5A9454;
  --success-subtle: rgba(74, 124, 69, 0.14);
  --danger: #8C3030;
  --danger-hover: #A03838;
  --danger-subtle: rgba(140, 48, 48, 0.14);
  --warning: #D4822A;
  --warning-subtle: rgba(212, 130, 42, 0.12);
}

/* ---------- Hardcoded color overrides ---------- */

/* Buttons */
.btn:hover {
  box-shadow: 0 4px 12px rgba(212, 130, 42, 0.3);
}

.btn-secondary {
  background: var(--surface-alt);
  color: var(--text);
}
.btn-secondary:hover {
  background: #3D3028;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.btn-success:hover {
  box-shadow: 0 4px 12px rgba(74, 124, 69, 0.3);
}

.btn-danger:hover {
  box-shadow: 0 4px 12px rgba(140, 48, 48, 0.3);
}

/* Tables */
.table tr:hover td {
  background: rgba(212, 130, 42, 0.04);
}

/* Product cards */
.product-card:hover {
  border-color: var(--primary);
  box-shadow: 0 0 0 1px var(--primary), 0 4px 16px rgba(212, 130, 42, 0.1);
}

/* Alerts */
.alert-error {
  background: var(--danger-subtle);
  color: #E8A0A0;
  border: 1px solid rgba(140, 48, 48, 0.25);
}

.alert-warning {
  background: var(--warning-subtle);
  color: #E8C07A;
  border: 1px solid rgba(212, 130, 42, 0.25);
}

.alert-success {
  background: var(--success-subtle);
  color: #7EC47A;
  border: 1px solid rgba(74, 124, 69, 0.25);
}

/* Status badges */
.status-preparing {
  background: var(--primary-subtle);
  color: #E8962E;
}

.status-delivered {
  background: rgba(122, 107, 86, 0.12);
  color: var(--muted);
}

/* Status buttons */
.status-btn-preparing.active {
  background: var(--primary-subtle);
  color: #E8962E;
  border-color: #E8962E;
}

.status-btn-delivered.active {
  background: rgba(122, 107, 86, 0.12);
  color: var(--muted);
  border-color: var(--muted);
}

/* Logout */
.topbar-logout:hover {
  background: rgba(140, 48, 48, 0.25);
}

/* Signup link button */
.signup {
  background: var(--surface-alt);
  color: var(--text);
}
.signup:hover {
  background: #3D3028;
}

/* Mobile overlay */
.sidebar-overlay {
  background: rgba(10, 8, 6, 0.6);
}