mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-11-13 08:55:44 +01:00
Move syntax-highlighter theme from ui-styles to ui-components
This commit is contained in:
Sebastian Sdorra
214
scm-ui/ui-components/src/syntax-highlighting.ts
Normal file
214
scm-ui/ui-components/src/syntax-highlighting.ts
Normal file
@@ -0,0 +1,214 @@
|
||||
/*
|
||||
* MIT License
|
||||
*
|
||||
* Copyright (c) 2020-present Cloudogu GmbH and Contributors
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
* of this software and associated documentation files (the "Software"), to deal
|
||||
* in the Software without restriction, including without limitation the rights
|
||||
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
* copies of the Software, and to permit persons to whom the Software is
|
||||
* furnished to do so, subject to the following conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be included in all
|
||||
* copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
* SOFTWARE.
|
||||
*/
|
||||
|
||||
/* --- DO NOT EDIT --- */
|
||||
/* Auto-generated from syntax-highlighting.css */
|
||||
|
||||
export default {
|
||||
'pre[class*="language-"]': {
|
||||
color: "#363636",
|
||||
fontSize: "13px",
|
||||
textShadow: "none",
|
||||
fontFamily: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
|
||||
direction: "ltr",
|
||||
textAlign: "left",
|
||||
whiteSpace: "pre",
|
||||
wordSpacing: "normal",
|
||||
wordBreak: "normal",
|
||||
lineHeight: "1.5",
|
||||
MozTabSize: "4",
|
||||
OTabSize: "4",
|
||||
tabSize: "4",
|
||||
WebkitHyphens: "none",
|
||||
MozHyphens: "none",
|
||||
msHyphens: "none",
|
||||
hyphens: "none",
|
||||
padding: "1em",
|
||||
margin: ".5em 0",
|
||||
overflow: "auto",
|
||||
background: "#ffffff",
|
||||
},
|
||||
'code[class*="language-"]': {
|
||||
color: "#363636",
|
||||
fontSize: "13px",
|
||||
textShadow: "none",
|
||||
fontFamily: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
|
||||
direction: "ltr",
|
||||
textAlign: "left",
|
||||
whiteSpace: "pre",
|
||||
wordSpacing: "normal",
|
||||
wordBreak: "normal",
|
||||
lineHeight: "1.5",
|
||||
MozTabSize: "4",
|
||||
OTabSize: "4",
|
||||
tabSize: "4",
|
||||
WebkitHyphens: "none",
|
||||
MozHyphens: "none",
|
||||
msHyphens: "none",
|
||||
hyphens: "none",
|
||||
},
|
||||
'pre[class*="language-"]::selection': {
|
||||
textShadow: "none",
|
||||
background: "#7fe3cd",
|
||||
},
|
||||
'code[class*="language-"]::selection': {
|
||||
textShadow: "none",
|
||||
background: "#7fe3cd",
|
||||
},
|
||||
'pre[class*="language-"]::mozselection': {
|
||||
textShadow: "none",
|
||||
background: "#7fe3cd",
|
||||
},
|
||||
'code[class*="language-"]::mozselection': {
|
||||
textShadow: "none",
|
||||
background: "#7fe3cd",
|
||||
},
|
||||
':not(pre) > code[class*="language-"]': {
|
||||
padding: ".1em .3em",
|
||||
borderRadius: ".3em",
|
||||
color: "#ff3860",
|
||||
background: "#fbe7eb",
|
||||
},
|
||||
".namespace": {
|
||||
Opacity: ".7",
|
||||
},
|
||||
comment: {
|
||||
color: "#9a9a9a",
|
||||
},
|
||||
prolog: {
|
||||
color: "#9a9a9a",
|
||||
},
|
||||
doctype: {
|
||||
color: "#9a9a9a",
|
||||
},
|
||||
cdata: {
|
||||
color: "#9a9a9a",
|
||||
},
|
||||
punctuation: {
|
||||
color: "#9a9a9a",
|
||||
},
|
||||
property: {
|
||||
color: "#2c99c7",
|
||||
},
|
||||
tag: {
|
||||
color: "#2c99c7",
|
||||
},
|
||||
boolean: {
|
||||
color: "#2c99c7",
|
||||
},
|
||||
number: {
|
||||
color: "#2c99c7",
|
||||
},
|
||||
constant: {
|
||||
color: "#2c99c7",
|
||||
},
|
||||
symbol: {
|
||||
color: "#2c99c7",
|
||||
},
|
||||
deleted: {
|
||||
color: "#2c99c7",
|
||||
},
|
||||
selector: {
|
||||
color: "#005f9a",
|
||||
},
|
||||
"attr-name": {
|
||||
color: "#005f9a",
|
||||
},
|
||||
string: {
|
||||
color: "#005f9a",
|
||||
},
|
||||
char: {
|
||||
color: "#005f9a",
|
||||
},
|
||||
builtin: {
|
||||
color: "#005f9a",
|
||||
},
|
||||
inserted: {
|
||||
color: "#005f9a",
|
||||
},
|
||||
operator: {
|
||||
color: "#686868",
|
||||
},
|
||||
entity: {
|
||||
color: "#686868",
|
||||
cursor: "help",
|
||||
},
|
||||
url: {
|
||||
color: "#686868",
|
||||
},
|
||||
".language-css .token.string": {
|
||||
color: "#686868",
|
||||
},
|
||||
".style .token.string": {
|
||||
color: "#686868",
|
||||
},
|
||||
atrule: {
|
||||
color: "#00a984",
|
||||
},
|
||||
"attr-value": {
|
||||
color: "#00a984",
|
||||
},
|
||||
keyword: {
|
||||
color: "#00a984",
|
||||
},
|
||||
function: {
|
||||
color: "#ff3860",
|
||||
},
|
||||
regex: {
|
||||
color: "#a74eb2",
|
||||
},
|
||||
important: {
|
||||
color: "#a74eb2",
|
||||
fontWeight: "bold",
|
||||
},
|
||||
variable: {
|
||||
color: "#a74eb2",
|
||||
},
|
||||
bold: {
|
||||
fontWeight: "bold",
|
||||
},
|
||||
italic: {
|
||||
fontStyle: "italic",
|
||||
},
|
||||
"pre[data-line]": {
|
||||
position: "relative",
|
||||
},
|
||||
'pre[class*="language-"] > code[class*="language-"]': {
|
||||
position: "relative",
|
||||
zIndex: "1",
|
||||
},
|
||||
".line-highlight": {
|
||||
position: "absolute",
|
||||
left: "0",
|
||||
right: "0",
|
||||
padding: "inherit 0",
|
||||
marginTop: "1em",
|
||||
background: "#f5f5f5",
|
||||
boxShadow: "inset 5px 0 0 #99d8f3",
|
||||
zIndex: "0",
|
||||
pointerEvents: "none",
|
||||
lineHeight: "inherit",
|
||||
whiteSpace: "pre",
|
||||
},
|
||||
};
|
||||
Reference in New Issue
Block a user