addons/isl/src/CommitInfoView/RenderedMarkup.cssblame
View source
b69ab311/**
b69ab312 * Copyright (c) Meta Platforms, Inc. and affiliates.
b69ab313 *
b69ab314 * This source code is licensed under the MIT license found in the
b69ab315 * LICENSE file in the root directory of this source tree.
b69ab316 */
b69ab317
b69ab318.light-theme .rendered-markup {
b69ab319 --pre-bg: #fdf5d4;
b69ab3110 --pre-border: 1px solid #f1c40f;
b69ab3111 --tt-bg: rgb(235, 233, 231);
b69ab3112 --th-bg: #ebecee;
b69ab3113 --td-bg: white;
b69ab3114 --table-border: #bdc7d8;
b69ab3115 --quote-fg: #8c98b8;
b69ab3116}
b69ab3117.dark-theme .rendered-markup {
b69ab3118 --pre-bg: #120b00;
b69ab3119 --pre-border: 1px solid #673b00;
b69ab3120 --tt-bg: #18191a;
b69ab3121 --th-bg: #18191a;
b69ab3122 --td-bg: black;
b69ab3123 --table-border: #323436;
b69ab3124 --quote-fg: #8c98b8;
b69ab3125}
b69ab3126
b69ab3127.rendered-markup > p {
b69ab3128 margin: 0;
b69ab3129}
b69ab3130.rendered-markup > h1 {
b69ab3131 margin: 0;
b69ab3132}
b69ab3133
b69ab3134.rendered-markup table {
b69ab3135 border: 1px solid var(--table-border);
b69ab3136 background: var(--table-border);
b69ab3137 border-collapse: separate;
b69ab3138 border-spacing: 1px;
b69ab3139}
b69ab3140
b69ab3141.rendered-markup th {
b69ab3142 background: var(--th-bg);
b69ab3143 font-weight: bold;
b69ab3144 padding: 3px 6px;
b69ab3145}
b69ab3146
b69ab3147.rendered-markup td {
b69ab3148 background: var(--td-bg);
b69ab3149 padding: 3px 6px;
b69ab3150 text-align: left;
b69ab3151}
b69ab3152
b69ab3153.rendered-markup tt {
b69ab3154 background-color: var(--tt-bg);
b69ab3155 padding-inline: 4px;
b69ab3156 overflow-wrap: break-word;
b69ab3157 font-size: 110%;
b69ab3158}
b69ab3159
b69ab3160.rendered-markup pre {
b69ab3161 background: var(--pre-bg);
b69ab3162 border: var(--pre-border);
b69ab3163 padding: var(--halfpad);
b69ab3164 font-size: 110%;
b69ab3165 white-space: pre-wrap;
b69ab3166}
b69ab3167
b69ab3168.rendered-markup a {
b69ab3169 color: var(--link-foreground);
b69ab3170 text-decoration: none;
b69ab3171}
b69ab3172.rendered-markup a:hover {
b69ab3173 text-decoration: underline;
b69ab3174}
b69ab3175
b69ab3176.rendered-markup blockquote {
b69ab3177 color: var(--quote-fg);
b69ab3178 border-left: 3px solid var(--quote-fg);
b69ab3179 padding-left: 10px;
b69ab3180 padding-block: 5px;
b69ab3181 font-style: italic;
b69ab3182 margin: 0;
b69ab3183 display: flex;
b69ab3184}
b69ab3185.rendered-markup blockquote > p {
b69ab3186 margin: 0;
b69ab3187}
b69ab3188
b69ab3189.rendered-markup ul,
b69ab3190.rendered-markup ol {
b69ab3191 padding-left: 30px;
b69ab3192}
b69ab3193
b69ab3194.rendered-markup video,
b69ab3195.rendered-markup img {
b69ab3196 max-width: 100%;
b69ab3197}
b69ab3198
b69ab3199/*
b69ab31100 * GitHub Comment Suggested Changes come as a hardcoded <table> in the HTML,
b69ab31101 * which we need to aggressively re-style to look OK.
b69ab31102 * They intend for this to be used with tailwind classes,
b69ab31103 * but let's not bring in all of tailwind just for this.
b69ab31104 */
b69ab31105
b69ab31106.rendered-markup .js-suggested-changes-blob.diff-view,
b69ab31107.rendered-markup .js-suggested-changes-blob.diff-view div {
b69ab31108 white-space-collapse: collapse;
b69ab31109}
b69ab31110
b69ab31111.rendered-markup .js-suggested-changes-blob.diff-view table {
b69ab31112 margin-block: 5px;
b69ab31113 border-radius: 2px;
b69ab31114 width: 100%;
b69ab31115 background-color: var(--background);
b69ab31116 border-width: 0;
b69ab31117 border-collapse: collapse;
b69ab31118}
b69ab31119
b69ab31120.rendered-markup .js-suggested-changes-blob.diff-view td.blob-num::after {
b69ab31121 content: attr(data-line-number);
b69ab31122}
b69ab31123
b69ab31124.rendered-markup .js-suggested-changes-blob.diff-view td {
b69ab31125 color: var(--diffEditor-foreground);
b69ab31126 font-family: var(--monospace-fontFamily);
b69ab31127}
b69ab31128
b69ab31129.rendered-markup .js-suggested-changes-blob.diff-view td.blob-num-deletion {
b69ab31130 background-color: var(--diffEditor-removedLineHighlightBackground);
b69ab31131 width: 2em;
b69ab31132}
b69ab31133.rendered-markup .js-suggested-changes-blob.diff-view td.blob-code-deletion {
b69ab31134 background-color: var(--diffEditor-removedLineBackground);
b69ab31135}
b69ab31136.rendered-markup .js-suggested-changes-blob.diff-view td.blob-num-addition {
b69ab31137 background-color: var(--diffEditor-insertedLineHighlightBackground);
b69ab31138 width: 2em;
b69ab31139}
b69ab31140.rendered-markup .js-suggested-changes-blob.diff-view td.blob-code-addition {
b69ab31141 background-color: var(--diffEditor-insertedLineBackground);
b69ab31142}