Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revision | Last revisionBoth sides next revision | ||
livedemos:templateargon:start [2020/11/13 12:08] – admin | livedemos:templateargon:start [2020/11/13 12:13] – admin | ||
---|---|---|---|
Line 1: | Line 1: | ||
====== Argon Template with CLI-Plugin and Custom CSS ====== | ====== Argon Template with CLI-Plugin and Custom CSS ====== | ||
+ | |||
+ | ===== Demo CLI-Plugin: ===== | ||
<cli> | <cli> | ||
Line 5: | Line 7: | ||
test | test | ||
</ | </ | ||
+ | |||
+ | ===== The Custom CSS: ===== | ||
+ | |||
+ | Inserted in the file '' | ||
+ | |||
+ | < | ||
+ | # | ||
+ | /* This changes the default style */ | ||
+ | background-color: | ||
+ | span.cli_prompt | ||
+ | span.cli_command { color: white } | ||
+ | span.cli_comment { color: grey } | ||
+ | span.cli_output | ||
+ | /* retro green and retro green with prompt in reverse video */ | ||
+ | & | ||
+ | background-color: | ||
+ | span.cli_prompt | ||
+ | span.cli_command { color: #8fe35f } | ||
+ | span.cli_comment { color: #69a845 } | ||
+ | span.cli_output | ||
+ | & | ||
+ | span.cli_prompt | ||
+ | } | ||
+ | } | ||
+ | /* retro ochre and retro ochre with prompt in reverse video */ | ||
+ | & | ||
+ | background-color: | ||
+ | span.cli_prompt | ||
+ | span.cli_command { color: #ffbf0e } | ||
+ | span.cli_comment { color: #a87f0d } | ||
+ | span.cli_output | ||
+ | & | ||
+ | span.cli_prompt | ||
+ | } | ||
+ | } | ||
+ | /* Just for fun, but should be useless */ | ||
+ | & | ||
+ | text-transform: | ||
+ | } | ||
+ | } | ||
+ | </ | ||