@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
Move code examples in remarkup to grey backgrounds
Summary: This should make code easier to read. Right now large blocks get a really bright treatment, and this should tone it down. Also upped the spacing a bit.
Test Plan:
Review Remarkup Examples from Diviner, also some test code blocks and counter examples.
{F1081606}
{F1081607}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D15141
+24
-15
+5
-5
resources/celerity/map.php
+5
-5
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => '8abb1666',
10
+
'core.pkg.css' => '5e4df064',
11
11
'core.pkg.js' => 'a79eed25',
12
12
'darkconsole.pkg.js' => 'e7393ebb',
13
13
'differential.pkg.css' => '2de124c9',
···
103
103
'rsrc/css/application/tokens/tokens.css' => '3d0f239e',
104
104
'rsrc/css/application/uiexample/example.css' => '528b19de',
105
105
'rsrc/css/core/core.css' => '5b3563c8',
106
-
'rsrc/css/core/remarkup.css' => '64277c02',
106
+
'rsrc/css/core/remarkup.css' => 'e1c8b32f',
107
107
'rsrc/css/core/syntax.css' => '9fd11da8',
108
108
'rsrc/css/core/z-index.css' => 'a36a45da',
109
109
'rsrc/css/diviner/diviner-shared.css' => 'aa3656aa',
···
128
128
'rsrc/css/phui/phui-crumbs-view.css' => '414406b5',
129
129
'rsrc/css/phui/phui-document-pro.css' => '8799acf7',
130
130
'rsrc/css/phui/phui-document-summary.css' => '9ca48bdf',
131
-
'rsrc/css/phui/phui-document.css' => 'a4a1c3b9',
131
+
'rsrc/css/phui/phui-document.css' => '9c71d2bf',
132
132
'rsrc/css/phui/phui-feed-story.css' => 'b7b26d23',
133
133
'rsrc/css/phui/phui-fontkit.css' => '9cda225e',
134
134
'rsrc/css/phui/phui-form-view.css' => '4a1a0f5e',
···
759
759
'phabricator-object-selector-css' => '85ee8ce6',
760
760
'phabricator-phtize' => 'd254d646',
761
761
'phabricator-prefab' => 'e67df814',
762
-
'phabricator-remarkup-css' => '64277c02',
762
+
'phabricator-remarkup-css' => 'e1c8b32f',
763
763
'phabricator-search-results-css' => '7dea472c',
764
764
'phabricator-shaped-request' => '7cbe244b',
765
765
'phabricator-side-menu-view-css' => '3a3d9f41',
···
801
801
'phui-calendar-month-css' => '476be7e0',
802
802
'phui-crumbs-view-css' => '414406b5',
803
803
'phui-document-summary-view-css' => '9ca48bdf',
804
-
'phui-document-view-css' => 'a4a1c3b9',
804
+
'phui-document-view-css' => '9c71d2bf',
805
805
'phui-document-view-pro-css' => '8799acf7',
806
806
'phui-feed-story-css' => 'b7b26d23',
807
807
'phui-font-icon-base-css' => 'ecbbb4c2',
+17
-8
webroot/rsrc/css/core/remarkup.css
+17
-8
webroot/rsrc/css/core/remarkup.css
···
13
13
14
14
.PhabricatorMonospaced,
15
15
.phabricator-remarkup .remarkup-code-block .remarkup-code {
16
-
font: 10px/13px "Menlo", "Consolas", "Monaco", monospace;
16
+
font: 11px/15px "Menlo", "Consolas", "Monaco", monospace;
17
17
}
18
18
19
19
.platform-windows .PhabricatorMonospaced,
20
20
.platform-windows .phabricator-remarkup .remarkup-code-block .remarkup-code {
21
-
font: 11px/13px "Menlo", "Consolas", "Monaco", monospace;
21
+
font: 12px/15px "Menlo", "Consolas", "Monaco", monospace;
22
22
}
23
23
24
24
.phabricator-remarkup .remarkup-code-block {
···
27
27
}
28
28
29
29
.phabricator-remarkup .remarkup-code-header {
30
-
padding: 2px 8px;
30
+
padding: 6px 12px;
31
31
font-size: 13px;
32
32
font-weight: bold;
33
-
background: {$sh-yellowbackground};
33
+
background: rgba(71,87,120,0.08);
34
34
display: inline-block;
35
+
border-top-left-radius: 3px;
36
+
border-top-right-radius: 3px;
35
37
}
36
38
37
39
.phabricator-remarkup .code-block-counterexample .remarkup-code-header {
38
40
background-color: {$sh-redbackground};
39
41
}
40
42
43
+
.phabricator-remarkup .remarkup-code-block .remarkup-code-header + pre {
44
+
border-top-left-radius: 0;
45
+
}
46
+
41
47
.phabricator-remarkup .remarkup-code-block pre {
42
-
background: #FEF9ED;
43
-
border: 1px solid {$sh-lightyellowborder};
48
+
background: rgba(71,87,120,0.08);
44
49
display: block;
45
50
color: #000;
46
51
overflow: auto;
47
-
padding: 8px;
52
+
padding: 12px;
53
+
border-radius: 3px;
48
54
}
49
55
50
56
.phabricator-remarkup pre.remarkup-counterexample {
51
-
border: 1px solid {$sh-lightredborder};
52
57
background-color: {$sh-redbackground};
53
58
}
54
59
···
64
69
link color. */
65
70
.phabricator-remarkup a tt.remarkup-monospaced {
66
71
color: {$anchor};
72
+
}
73
+
74
+
.phabricator-remarkup .remarkup-header tt.remarkup-monospaced {
75
+
font-weight: normal;
67
76
}
68
77
69
78
.phabricator-remarkup ul.remarkup-list {
+2
-2
webroot/rsrc/css/phui/phui-document.css
+2
-2
webroot/rsrc/css/phui/phui-document.css
···
151
151
152
152
.phui-document-view .PhabricatorMonospaced,
153
153
.phui-document-view .phabricator-remarkup .remarkup-code-block .remarkup-code {
154
-
font: 11px/16px "Menlo", "Consolas", "Monaco", monospace;
154
+
font: 12px/18px "Menlo", "Consolas", "Monaco", monospace;
155
155
}
156
156
157
157
.platform-windows .phui-document-view .PhabricatorMonospaced,
158
158
.platform-windows .phui-document-view .phabricator-remarkup .remarkup-code-block
159
159
.remarkup-code {
160
-
font: 12px/16px "Menlo", "Consolas", "Monaco", monospace;
160
+
font: 13px/18px "Menlo", "Consolas", "Monaco", monospace;
161
161
}