Skip to content

Commit 08cd685

Browse files
giuscrisgiuscris
committed
Add proper dark color scheme support to Debug and CodeDumper 
1 parent 8613351 commit 08cd685

2 files changed

Lines changed: 100 additions & 3 deletions

File tree

‎formwork/src/Debug/CodeDumper.php‎

Lines changed: 52 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,11 @@ final class CodeDumper
3434
text-align: left;
3535
}
3636
37+
.color-scheme-dark .__formwork-code {
38+
background-color: #333;
39+
color: #f0f0f0;
40+
}
41+
3742
.__formwork-code .__line {
3843
color: #aaa;
3944
user-select: none;
@@ -44,34 +49,67 @@ final class CodeDumper
4449
border-radius: 4px;
4550
}
4651
52+
.color-scheme-dark .__formwork-code .__highlighted-line {
53+
background-color: #665600;
54+
color: #f0f0f0;
55+
}
56+
4757
.__formwork-code .__type-number {
4858
color: #75438a;
4959
}
5060
61+
.color-scheme-dark .__formwork-code .__type-number {
62+
color: #d48cf2;
63+
}
64+
5165
.__formwork-code .__type-string {
5266
color: #b35e14;
5367
}
5468
69+
.color-scheme-dark .__formwork-code .__type-string {
70+
color: #ea9143;
71+
}
72+
5573
.__formwork-code .__type-null {
5674
color: #75438a;
5775
}
5876
77+
.color-scheme-dark .__formwork-code .__type-null {
78+
color: #d48cf2;
79+
}
80+
5981
.__formwork-code .__type-comment {
6082
color: #777;
6183
}
6284
85+
.color-scheme-dark .__formwork-code .__type-comment {
86+
color: #888;
87+
}
88+
6389
.__formwork-code .__type-name {
6490
color: #047d65;
6591
}
6692
93+
.color-scheme-dark .__formwork-code .__type-name {
94+
color: #07dfb3;
95+
}
96+
6797
.__formwork-code .__type-var {
6898
color: #1d75b3;
6999
}
70100
101+
.color-scheme-dark .__formwork-code .__type-var {
102+
color: #40abf7;
103+
}
104+
71105
.__formwork-code .__type-keyword {
72106
color: #dd4a68;
73107
}
74108
109+
.color-scheme-dark .__formwork-code .__type-keyword {
110+
color: #ff5c7c;
111+
}
112+
75113
.__formwork-trace-call {
76114
margin: 8px 0;
77115
padding: 12px 8px;
@@ -82,10 +120,19 @@ final class CodeDumper
82120
font-size: 13px;
83121
}
84122
123+
.color-scheme-dark .__formwork-trace-call {
124+
background-color: #333;
125+
color: #f0f0f0;
126+
}
127+
85128
.__formwork-trace-call .__name {
86129
color: #047d65;
87130
}
88131
132+
.color-scheme-dark .__formwork-trace-call .__name {
133+
color: #07dfb3;
134+
}
135+
89136
.__formwork-trace-params {
90137
overflow-x: auto;
91138
margin-bottom: 16px;
@@ -112,11 +159,13 @@ final class CodeDumper
112159
padding-right: 8px;
113160
}
114161
162+
.color-scheme-dark .__formwork-trace-params .__param-name {
163+
color: #40abf7;
164+
}
165+
115166
.__formwork-trace-params code {
116167
padding: 2px 4px;
117168
border-radius: 4px;
118-
background-color: #f0f0f0;
119-
color: inherit;
120169
font-size: inherit;
121170
}
122171
@@ -172,7 +221,7 @@ public static function dumpBacktraceFrame(array $frame, int $contextLines = 5):
172221
return;
173222
}
174223

175-
$result = sprintf('<div class="__formwork-trace-call"><span class="__name">%s</span>%s<span class="__name">%s</span>()</div>', $frame['class'] ?? '', $frame['type'] ?? '', $frame['function']);
224+
$result = sprintf('<pre class="__formwork-trace-call"><span class="__name">%s</span>%s<span class="__name">%s</span>()</pre>', $frame['class'] ?? '', $frame['type'] ?? '', $frame['function']);
176225

177226
$parameterCount = 0;
178227

‎formwork/src/Debug/Debug.php‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,29 +35,55 @@ final class Debug
3535
overflow-x: auto;
3636
}
3737
38+
.color-scheme-dark .__formwork-dump {
39+
background-color: #333;
40+
color: #f0f0f0;
41+
}
42+
3843
.__formwork-dump .__type-bool {
3944
color: #75438a;
4045
}
4146
47+
.color-scheme-dark .__formwork-dump .__type-bool {
48+
color: #d48cf2;
49+
}
50+
4251
.__formwork-dump .__type-number {
4352
color: #75438a;
4453
}
4554
55+
.color-scheme-dark .__formwork-dump .__type-number {
56+
color: #d48cf2;
57+
}
58+
4659
.__formwork-dump .__type-string {
4760
color: #b35e14;
4861
}
4962
63+
.color-scheme-dark .__formwork-dump .__type-string {
64+
color: #ea9143;
65+
}
66+
5067
.__formwork-dump .__type-null {
5168
color: #75438a;
5269
}
5370
71+
.color-scheme-dark .__formwork-dump .__type-null {
72+
color: #d48cf2;
73+
}
74+
5475
.__formwork-dump .__note,
5576
.__formwork-dump .__ref {
5677
color: #777;
5778
cursor: default;
5879
font-size: 0.875em;
5980
}
6081
82+
.color-scheme-dark .__formwork-dump .__note,
83+
.color-scheme-dark .__formwork-dump .__ref {
84+
color: #aaa;
85+
}
86+
6187
.__formwork-dump .__visibility {
6288
display: inline-block;
6389
padding: 1px 4px;
@@ -85,23 +111,45 @@ final class Debug
85111
color: #047d65;
86112
}
87113
114+
.color-scheme-dark .__formwork-dump .__type-name,
115+
.color-scheme-dark .__formwork-dump .__type-array {
116+
color: #07dfb3;
117+
}
118+
88119
.__formwork-dump .__type-property {
89120
color: #1d75b3;
90121
}
91122
123+
.color-scheme-dark .__formwork-dump .__type-property {
124+
color: #40abf7;
125+
}
126+
92127
.__formwork-dump .__type-keyword {
93128
color: #dd4a68;
94129
}
95130
131+
.color-scheme-dark .__formwork-dump .__type-keyword {
132+
color: #ff5c7c;
133+
}
134+
96135
.__formwork-dump .__ref:target {
97136
background-color: #ff0;
98137
}
99138
139+
.color-scheme-dark .__formwork-dump .__ref:target {
140+
background-color: #925e0a;
141+
}
142+
100143
.__formwork-dump .__ref a,
101144
.__formwork-dump .__ref a:hover {
102145
color: #1d75b3;
103146
}
104147
148+
.color-scheme-dark .__formwork-dump .__ref a,
149+
.color-scheme-dark .__formwork-dump .__ref a:hover {
150+
color: #40abf7;
151+
}
152+
105153
.__formwork-dump-collapsed {
106154
display: none;
107155
}

0 commit comments

Comments
 (0)