Feature #43256 » 0003-Replace-hex-color-codes-with-Open-Color-variables-in.patch
| app/assets/stylesheets/wiki_syntax.css | ||
|---|---|---|
| 1 |
@import url('/open-color.css');
|
|
| 2 | ||
| 1 | 3 |
@font-face {
|
| 2 | 4 |
font-family: "Noto Sans"; |
| 3 | 5 |
src: url("/NotoSans-Regular.woff2") format("woff2");
|
| ... | ... | |
| 34 | 36 |
--fonts-main: "Noto Sans", sans-serif; |
| 35 | 37 |
} |
| 36 | 38 | |
| 37 |
h1 { font-family: var(--fonts-main); font-size: 0.875rem; text-align: center; color: #444; }
|
|
| 38 |
body { font-family: var(--fonts-main); font-size: 0.75rem; color: #444; }
|
|
| 39 |
h1 { font-family: var(--fonts-main); font-size: 0.875rem; text-align: center; color: var(--oc-gray-8); }
|
|
| 40 |
body { font-family: var(--fonts-main); font-size: 0.75rem; color: var(--oc-gray-8); }
|
|
| 39 | 41 |
pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace; }
|
| 40 | 42 |
table th { padding-top: 1em; }
|
| 41 | 43 |
table th img {
|
| 42 |
border: 1px solid #bbb;
|
|
| 44 |
border: 1px solid var(--oc-gray-5);
|
|
| 43 | 45 |
opacity: 0.7; |
| 44 | 46 |
} |
| 45 | 47 |
table th .syntax-pre {
|
| 46 | 48 |
display: inline-block; |
| 47 |
border: 1px solid #bbb;
|
|
| 49 |
border: 1px solid var(--oc-gray-5);
|
|
| 48 | 50 |
width: 18px; |
| 49 | 51 |
height: 18px; |
| 50 | 52 |
} |
| 51 | 53 |
table th .syntax-pre:before {
|
| 52 | 54 |
content: "pre"; |
| 53 | 55 |
font-size: 0.625rem; |
| 54 |
color: #666;
|
|
| 56 |
color: var(--oc-gray-7);
|
|
| 55 | 57 |
} |
| 56 |
table td { background-color: #f5f5f5; height: 2em; vertical-align: middle;}
|
|
| 58 |
table td { background-color: var(--oc-gray-0); height: 2em; vertical-align: middle;}
|
|
| 57 | 59 |
table td code { font-size: 1.2em; }
|
| 58 | 60 |
table td h1 { font-size: 1.8em; text-align: left; }
|
| 59 | 61 |
table td h2 { font-size: 1.4em; text-align: left; }
|
| 60 | 62 |
table td h3 { font-size: 1.2em; text-align: left; }
|
| 61 | 63 | |
| 62 | 64 |
table.sample { border-collapse: collapse; border-spacing: 0; margin: 4px; }
|
| 63 |
table.sample th, table.sample td { border: solid 1px #bbb; padding: 4px; height: 1em; }
|
|
| 65 |
table.sample th, table.sample td { border: solid 1px var(--oc-gray-5); padding: 4px; height: 1em; }
|
|
| 64 | 66 | |
| 65 |
a, a:link, a:visited{ color: #169; text-decoration: none; }
|
|
| 66 |
a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
|
|
| 67 |
a, a:link, a:visited{ color: var(--oc-blue-9); text-decoration: none; }
|
|
| 68 |
a:hover, a:active{ color: var(--oc-red-9); text-decoration: underline;}
|
|
| 67 | 69 | |
| 68 | 70 |
.syntaxhl .mi { color: #0000DD; font-weight: bold }
|
| 69 | 71 |
.syntaxhl .nf { color: #0066BB; font-weight: bold }
|
| ... | ... | |
| 81 | 83 |
.markdown-alert-title {
|
| 82 | 84 |
font-weight: bold; |
| 83 | 85 |
} |
| 84 |
.markdown-alert-note { border-color: #169; }
|
|
| 85 |
.markdown-alert-note .markdown-alert-title { color: #1e40af; }
|
|
| 86 |
.markdown-alert-note { border-color: var(--oc-indigo-7); }
|
|
| 87 |
.markdown-alert-note .markdown-alert-title { color: var(--oc-indigo-9); }
|
|
| app/assets/stylesheets/wiki_syntax_detailed.css | ||
|---|---|---|
| 1 |
@import url('/open-color.css');
|
|
| 2 | ||
| 1 | 3 |
@font-face {
|
| 2 | 4 |
font-family: "Noto Sans"; |
| 3 | 5 |
src: url("/NotoSans-Regular.woff2") format("woff2");
|
| ... | ... | |
| 34 | 36 |
--fonts-main: "Noto Sans", sans-serif; |
| 35 | 37 |
} |
| 36 | 38 | |
| 37 |
body { font-family: var(--fonts-main); font-size: 0.875rem; color:#333; line-height: 1.6;}
|
|
| 39 |
body { font-family: var(--fonts-main); font-size: 0.875rem; color: var(--oc-gray-9); line-height: 1.6;}
|
|
| 38 | 40 |
pre, code { font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace; }
|
| 39 | 41 |
pre {
|
| 40 | 42 |
margin: 1em 1em 1em 1.6em; |
| 41 |
padding: 2px; |
|
| 42 |
background-color: #fafafa; |
|
| 43 |
border: 1px solid #e2e2e2; |
|
| 43 |
padding: 8px; |
|
| 44 |
background-color: var(--oc-gray-0); |
|
| 45 |
border: 1px solid var(--oc-gray-4); |
|
| 46 |
border-radius: 3px; |
|
| 44 | 47 |
width: auto; |
| 45 | 48 |
overflow-x: auto; |
| 46 | 49 |
overflow-y: hidden; |
| 47 | 50 |
line-height: normal; |
| 48 | 51 |
} |
| 49 |
a, a:link, a:visited{ color: #169; text-decoration: none; }
|
|
| 50 |
a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
|
|
| 51 |
a.new { color: #b73535; }
|
|
| 52 |
a, a:link, a:visited{ color: var(--oc-blue-9); text-decoration: none; }
|
|
| 53 |
a:hover, a:active{ color: var(--oc-red-9); text-decoration: underline;}
|
|
| 54 |
a.new { color: var(--oc-red-9); }
|
|
| 52 | 55 | |
| 53 | 56 |
table.sample { border-collapse: collapse; border-spacing: 0; margin: 4px; margin-left: 30px;}
|
| 54 |
table.sample th, table.sample td { border: solid 1px #bbb; padding: 4px; height: 1em; }
|
|
| 55 |
table.list td { background-color: #f5f5f5; vertical-align: middle; padding: 0.3em;}
|
|
| 57 |
table.sample th, table.sample td { border: solid 1px var(--oc-gray-5); padding: 4px; height: 1em; }
|
|
| 58 |
table.list td { background-color: var(--oc-gray-0); vertical-align: middle; padding: 0.3em;}
|
|
| 56 | 59 | |
| 57 | 60 |
.syntaxhl .c1 { color: #888888 }
|
| 58 | 61 |
.syntaxhl .k { color: #008800; font-weight: bold }
|
| ... | ... | |
| 73 | 76 |
.markdown-alert-title {
|
| 74 | 77 |
font-weight: bold; |
| 75 | 78 |
} |
| 76 |
.markdown-alert-tip { border-color: #5db651; }
|
|
| 77 |
.markdown-alert-tip .markdown-alert-title { color: #005f00; }
|
|
| 78 |
.markdown-alert-important { border-color: #800080; }
|
|
| 79 |
.markdown-alert-important .markdown-alert-title { color: #4b006e; }
|
|
| 80 |
.markdown-alert-caution { border-color: #c22; }
|
|
| 81 |
.markdown-alert-caution .markdown-alert-title { color: #880000; }
|
|
| 82 |
.markdown-alert-warning { border-color: #e4bc4b; }
|
|
| 83 |
.markdown-alert-warning .markdown-alert-title { color: #a7760c; }
|
|
| 84 |
.markdown-alert-note { border-color: #169; }
|
|
| 85 |
.markdown-alert-note .markdown-alert-title { color: #1e40af; }
|
|
| 79 |
.markdown-alert-tip { border-color: var(--oc-green-7); }
|
|
| 80 |
.markdown-alert-tip .markdown-alert-title { color: var(--oc-green-9); }
|
|
| 81 |
.markdown-alert-important { border-color: var(--oc-grape-7); }
|
|
| 82 |
.markdown-alert-important .markdown-alert-title { color: var(--oc-grape-9); }
|
|
| 83 |
.markdown-alert-caution { border-color: var(--oc-red-7); }
|
|
| 84 |
.markdown-alert-caution .markdown-alert-title { color: var(--oc-red-9); }
|
|
| 85 |
.markdown-alert-warning { border-color: var(--oc-yellow-7); }
|
|
| 86 |
.markdown-alert-warning .markdown-alert-title { color: var(--oc-yellow-9); }
|
|
| 87 |
.markdown-alert-note { border-color: var(--oc-indigo-7); }
|
|
| 88 |
.markdown-alert-note .markdown-alert-title { color: var(--oc-indigo-9); }
|
|
