this repo has no description
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

change prism theme

+49 -119
+49 -119
src/assets/prism.theme.scss
··· 1 - /* 2 - Name: Duotone Sea 3 - Author: by Simurai, adapted from DuoTone themes by Simurai for Atom (http://simurai.com/projects/2016/01/01/duotone-themes) 4 - 5 - Conversion: Bram de Haan (http://atelierbram.github.io/Base2Tone-prism/output/prism/prism-base2tone-sea-dark.css) 6 - Generated with Base16 Builder (https://github.com/base16-builder/base16-builder) 7 - */ 1 + /** 2 + * Lucario Theme originally by Raphael Amorim [@raphamorim] 3 + * https://github.com/raphamorim/lucario 4 + * 5 + * Ported for PrismJS by Christopher Kapic [@christopher-kapic] 6 + */ 8 7 9 8 code[class*="language-"], 10 9 pre[class*="language-"] { 11 - font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", 12 - "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", 13 - "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", 14 - "Courier New", Courier, monospace; 10 + color: #f8f8f2; 11 + background: none; 12 + text-shadow: 0 1px rgba(0, 0, 0, 0.3); 13 + font-family: Monaco, Consolas, "Andale Mono", "Ubuntu Mono", monospace; 15 14 font-size: 14px; 16 - line-height: 1.375; 17 - direction: ltr; 18 15 text-align: left; 19 16 white-space: pre; 20 17 word-spacing: normal; 21 18 word-break: normal; 22 - 23 - -moz-tab-size: 4; 24 - -o-tab-size: 4; 19 + word-wrap: normal; 25 20 tab-size: 4; 26 - 27 - -webkit-hyphens: none; 28 - -moz-hyphens: none; 29 - -ms-hyphens: none; 30 21 hyphens: none; 31 - background: #1d262f; 32 - color: #57718e; 33 - } 34 - 35 - pre > code[class*="language-"] { 36 - font-size: 1em; 37 - } 38 - 39 - pre[class*="language-"]::-moz-selection, 40 - pre[class*="language-"] ::-moz-selection, 41 - code[class*="language-"]::-moz-selection, 42 - code[class*="language-"] ::-moz-selection { 43 - text-shadow: none; 44 - background: #004a9e; 45 - } 46 - 47 - pre[class*="language-"]::selection, 48 - pre[class*="language-"] ::selection, 49 - code[class*="language-"]::selection, 50 - code[class*="language-"] ::selection { 51 - text-shadow: none; 52 - background: #004a9e; 53 22 } 54 23 55 24 /* Code blocks */ ··· 57 26 padding: 1em; 58 27 margin: 0.5em 0; 59 28 overflow: auto; 29 + border-radius: 0.3em; 30 + } 31 + 32 + :not(pre) > code[class*="language-"], 33 + pre[class*="language-"] { 34 + background: #263e52; 60 35 } 61 36 62 37 /* Inline code */ 63 38 :not(pre) > code[class*="language-"] { 64 39 padding: 0.1em; 65 40 border-radius: 0.3em; 41 + white-space: normal; 66 42 } 67 43 68 44 .token.comment, 69 45 .token.prolog, 70 46 .token.doctype, 71 47 .token.cdata { 72 - color: #4a5f78; 48 + color: #5c98cd; 73 49 } 74 50 75 51 .token.punctuation { 76 - color: #4a5f78; 52 + color: #f8f8f2; 77 53 } 78 54 79 - .token.namespace { 55 + .namespace { 80 56 opacity: 0.7; 81 57 } 82 58 59 + .token.property, 83 60 .token.tag, 84 - .token.operator, 85 - .token.number { 86 - color: #0aa370; 61 + .token.constant, 62 + .token.symbol, 63 + .token.deleted { 64 + color: #f05e5d; 87 65 } 88 66 89 - .token.property, 90 - .token.function { 91 - color: #57718e; 67 + .token.boolean, 68 + .token.number { 69 + color: #bc94f9; 92 70 } 93 71 94 - .token.tag-id, 95 72 .token.selector, 96 - .token.atrule-id { 97 - color: #ebf4ff; 98 - } 99 - 100 - code.language-javascript, 101 - .token.attr-name { 102 - color: #7eb6f6; 73 + .token.attr-name, 74 + .token.string, 75 + .token.char, 76 + .token.builtin, 77 + .token.inserted { 78 + color: #fcfcd6; 103 79 } 104 80 105 - code.language-css, 106 - code.language-scss, 107 - .token.boolean, 108 - .token.string, 81 + .token.operator, 109 82 .token.entity, 110 83 .token.url, 111 84 .language-css .token.string, 112 - .language-scss .token.string, 113 85 .style .token.string, 114 - .token.attr-value, 115 - .token.keyword, 116 - .token.control, 117 - .token.directive, 118 - .token.unit, 119 - .token.statement, 120 - .token.regex, 121 - .token.atrule { 122 - color: #47ebb4; 123 - } 124 - 125 - .token.placeholder, 126 86 .token.variable { 127 - color: #47ebb4; 87 + color: #f8f8f2; 128 88 } 129 89 130 - .token.deleted { 131 - text-decoration: line-through; 90 + .token.atrule, 91 + .token.attr-value, 92 + .token.function, 93 + .token.class-name { 94 + color: #66d8ef; 132 95 } 133 96 134 - .token.inserted { 135 - border-bottom: 1px dotted #ebf4ff; 136 - text-decoration: none; 97 + .token.keyword { 98 + color: #6eb26e; 137 99 } 138 100 139 - .token.italic { 140 - font-style: italic; 101 + .token.regex, 102 + .token.important { 103 + color: #f05e5d; 141 104 } 142 105 143 106 .token.important, ··· 145 108 font-weight: bold; 146 109 } 147 110 148 - .token.important { 149 - color: #7eb6f6; 111 + .token.italic { 112 + font-style: italic; 150 113 } 151 114 152 115 .token.entity { 153 116 cursor: help; 154 117 } 155 - 156 - pre > code.highlight { 157 - outline: 0.4em solid #34659d; 158 - outline-offset: 0.4em; 159 - } 160 - 161 - /* overrides color-values for the Line Numbers plugin 162 - * http://prismjs.com/plugins/line-numbers/ 163 - */ 164 - .line-numbers.line-numbers .line-numbers-rows { 165 - border-right-color: #1f2932; 166 - } 167 - 168 - .line-numbers .line-numbers-rows > span:before { 169 - color: #2c3847; 170 - } 171 - 172 - /* overrides color-values for the Line Highlight plugin 173 - * http://prismjs.com/plugins/line-highlight/ 174 - */ 175 - .line-highlight.line-highlight { 176 - background: rgba(10, 163, 112, 0.2); 177 - background: -webkit-linear-gradient( 178 - left, 179 - rgba(10, 163, 112, 0.2) 70%, 180 - rgba(10, 163, 112, 0) 181 - ); 182 - background: linear-gradient( 183 - to right, 184 - rgba(10, 163, 112, 0.2) 70%, 185 - rgba(10, 163, 112, 0) 186 - ); 187 - }