Class: CodeRay::Styles::Alpha
- Defined in:
- lib/rubypitaya/app-template/vendor/bundle/ruby/3.1.0/gems/coderay-1.1.3/lib/coderay/styles/alpha.rb
Overview
A colorful theme using CSS 3 colors (with alpha channel).
Constant Summary collapse
- CSS_MAIN_STYLES =
:nodoc:
".CodeRay {\n background-color: \#{code_background};\n border: 1px solid \#{border_color};\n color: \#{normal_color};\n}\n.CodeRay pre {\n margin: 0px;\n}\n\nspan.CodeRay { white-space: pre; border: 0px; padding: 2px; }\n\ntable.CodeRay { border-collapse: collapse; width: 100%; padding: 2px; }\ntable.CodeRay td { padding: 2px 4px; vertical-align: top; }\n\n.CodeRay .line-numbers {\n background-color: \#{numbers_background};\n color: gray;\n text-align: right;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.CodeRay .line-numbers a {\n background-color: \#{numbers_background} !important;\n color: gray !important;\n text-decoration: none !important;\n}\n.CodeRay .line-numbers pre {\n word-break: normal;\n}\n.CodeRay .line-numbers a:target { color: blue !important; }\n.CodeRay .line-numbers .highlighted { color: red !important; }\n.CodeRay .line-numbers .highlighted a { color: red !important; }\n.CodeRay span.line-numbers { padding: 0px 4px; }\n.CodeRay .line { display: block; float: left; width: 100%; }\n.CodeRay .code { width: 100%;\n" # :nodoc:
- TOKEN_COLORS =
".debug { color: white !important; background: blue !important; }\n\n.annotation { color:#007 }\n.attribute-name { color:#b48 }\n.attribute-value { color:#700 }\n.binary { color:#549 }\n.binary .char { color:#325 }\n.binary .delimiter { color:#325 }\n.char { color:#D20 }\n.char .content { color:#D20 }\n.char .delimiter { color:#710 }\n.class { color:#B06; font-weight:bold }\n.class-variable { color:#369 }\n.color { color:#0A0 }\n.comment { color:#777 }\n.comment .char { color:#444 }\n.comment .delimiter { color:#444 }\n.constant { color:#036; font-weight:bold }\n.decorator { color:#B0B }\n.definition { color:#099; font-weight:bold }\n.delimiter { color:black }\n.directive { color:#088; font-weight:bold }\n.docstring { color:#D42; }\n.doctype { color:#34b }\n.done { text-decoration: line-through; color: gray }\n.entity { color:#800; font-weight:bold }\n.error { color:#F00; background-color:#FAA }\n.escape { color:#666 }\n.exception { color:#C00; font-weight:bold }\n.float { color:#60E }\n.function { color:#06B; font-weight:bold }\n.function .delimiter { color:#059 }\n.function .content { color:#037 }\n.global-variable { color:#d70 }\n.hex { color:#02b }\n.id { color:#33D; font-weight:bold }\n.include { color:#B44; font-weight:bold }\n.inline { background-color: hsla(0,0%,0%,0.07); color: black }\n.inline-delimiter { font-weight: bold; color: #666 }\n.instance-variable { color:#33B }\n.integer { color:#00D }\n.imaginary { color:#f00 }\n.important { color:#D00 }\n.key { color: #606 }\n.key .char { color: #60f }\n.key .delimiter { color: #404 }\n.keyword { color:#080; font-weight:bold }\n.label { color:#970; font-weight:bold }\n.local-variable { color:#950 }\n.map .content { color:#808 }\n.map .delimiter { color:#40A}\n.map { background-color:hsla(200,100%,50%,0.06); }\n.namespace { color:#707; font-weight:bold }\n.octal { color:#40E }\n.operator { }\n.predefined { color:#369; font-weight:bold }\n.predefined-constant { color:#069 }\n.predefined-type { color:#0a8; font-weight:bold }\n.preprocessor { color:#579 }\n.pseudo-class { color:#00C; font-weight:bold }\n.regexp { background-color:hsla(300,100%,50%,0.06); }\n.regexp .content { color:#808 }\n.regexp .delimiter { color:#404 }\n.regexp .modifier { color:#C2C }\n.reserved { color:#080; font-weight:bold }\n.shell { background-color:hsla(120,100%,50%,0.06); }\n.shell .content { color:#2B2 }\n.shell .delimiter { color:#161 }\n.string { background-color:hsla(0,100%,50%,0.05); }\n.string .char { color: #b0b }\n.string .content { color: #D20 }\n.string .delimiter { color: #710 }\n.string .modifier { color: #E40 }\n.symbol { color:#A60 }\n.symbol .content { color:#A60 }\n.symbol .delimiter { color:#740 }\n.tag { color:#070; font-weight:bold }\n.type { color:#339; font-weight:bold }\n.value { color: #088 }\n.variable { color:#037 }\n\n.insert { background: hsla(120,100%,50%,0.12) }\n.delete { background: hsla(0,100%,50%,0.12) }\n.change { color: #bbf; background: #007 }\n.head { color: #f8f; background: #505 }\n.head .filename { color: white; }\n\n.delete .eyecatcher { background-color: hsla(0,100%,50%,0.2); border: 1px solid hsla(0,100%,45%,0.5); margin: -1px; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }\n.insert .eyecatcher { background-color: hsla(120,100%,50%,0.2); border: 1px solid hsla(120,100%,25%,0.5); margin: -1px; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }\n\n.insert .insert { color: #0c0; background:transparent; font-weight:bold }\n.delete .delete { color: #c00; background:transparent; font-weight:bold }\n.change .change { color: #88f }\n.head .head { color: #f4f }\n"