dyCodeHighlighter
To apply custom style use the data-dyCodeHighlighter-custom-style attribute in the opening pre tag.
data-dyCodeHighlighter-custom-style
pre
Custom style is in JSON format and following properties can be set.
border
Using the following classes:
.dyCodeHighlighter
.line-numbers
Using the following attributes:
data-dyCodeHighlighter-highlight="2,5,8"
data-dyCodeHighlighter-custom-style='{"backgroundColor": "#666", "color": "#fff", "highlightBgColor": "#eee", "highlightColor": "#111", "border": "2px solid #999", "fontSize": "14px", "lineNumbersBorder": "2px solid #fff"}'
var person = { name: "Yusuf Shakeel", description: "Developer and YouTuber", social: { youtube: "https://www.youtube.com/yusufshakeel", facebook: "https://www.facebook.com/yusufshakeel", twitter: "https://twitter.com/yusufshakeel", github: "https://github.com/yusufshakeel", linkedin: "https://www.linkedin.com/in/yusufshakeel" }, country: "IN" };