Permalink
Browse files

feat(dracula): dracula theme for terminal (as default also

  • Loading branch information...
jkuri committed Aug 20, 2017
1 parent 4039279 commit 1a2b74dbae9c68d2fb655d66e3ce7533aeda3c75
@@ -14,7 +14,6 @@
style="enable-background:new 0 0 100 100;"
xml:space="preserve"
id="svg8"
sodipodi:docname="noun_991630_cc (1).svg"
inkscape:version="0.92.1 r15371"><metadata
id="metadata14"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
@@ -41,4 +40,4 @@
inkscape:current-layer="svg8" /><path
d="M68,52H32v-4h36V52z M82,20v60c0,1.1-0.9,2-2,2H20c-1.1,0-2-0.9-2-2V20c0-1.1,0.9-2,2-2h60C81.1,18,82,18.9,82,20z M78,22 H22v56h56V22z"
id="path2"
style="fill:#FFEE58" /></svg>
style="fill:#f1fa8c" /></svg>
@@ -14,7 +14,6 @@
style="enable-background:new 0 0 100 100;"
xml:space="preserve"
id="svg8"
sodipodi:docname="noun_991633_cc (2).svg"
inkscape:version="0.92.1 r15371"><metadata
id="metadata14"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
@@ -41,4 +40,4 @@
inkscape:current-layer="svg8" /><path
d="M48,52H32v-4h16V32h4v16h16v4H52v16h-4V52z M82,20v60c0,1.1-0.9,2-2,2H20c-1.1,0-2-0.9-2-2V20c0-1.1,0.9-2,2-2h60 C81.1,18,82,18.9,82,20z M78,22H22v56h56V22z"
id="path2"
style="fill:#FFEE58" /></svg>
style="fill:#f1fa8c" /></svg>
@@ -1,4 +1,4 @@
<div class="window-terminal-container material-dark-ansi-theme">
<div class="window-terminal-container dracula-ansi-theme">
<div class="terminal" *ngFor="let cmd of commands; let i = index;" [id]="i">
<div class="command-line" (click)="toogleCommand(i)">
<span class="icon">
@@ -1,16 +1,17 @@
@import 'terminal/material-dark-ansi'
@import 'terminal/batman-ansi'
@import 'terminal/dracula-ansi'

.window-terminal-container
position: relative
display: block
color: #F0F0F0
color: #f8f8f2
margin: 0
font-family: monaco, monospace
padding: 10px 0
height: 100%
background: #1D2021
border-radius: 4px
background: #000000
border-radius: 10px
box-shadow: 1px 2px 10px rgba($background, 0.7)
border: 1px solid $divider

@@ -25,7 +26,7 @@
.command-line
display: flex
align-items: center
background: #1F2326
background: lighten(#000000, 3)
margin: 2px 5px
padding: 0px
border-radius: 2px
@@ -41,22 +42,22 @@

.command
font-size: 12px
color: #FFEE58
color: #f1fa8c
font-weight: bold

span
font-size: 12px
color: #FFEE58
color: #f1fa8c
font-weight: bold

.output
display: inline-block
width: 100%
color: #F0F0F0
color: #f8f8f2
margin: 0 !important
font-family: Monaco, monospace
font-family: monaco, monospace
font-size: 12px
padding: 10px 20px !important
background: #1D2021
padding: 0 10px 5px !important
background: #000000
white-space: pre-wrap
word-wrap: break-word
@@ -0,0 +1,66 @@
.dracula-ansi-theme {

.ansi-black-fg, .ansi-black-bg {
color: #282a36;
}

.ansi-red-fg, .ansi-red-bg {
color: #ff5555;
}

.ansi-green-fg, .ansi-green-bg {
color: #50fa7b;
}

.ansi-yellow-fg, .ansi-yellow-bg {
color: #f1fa8c;
}

.ansi-blue-fg, .ansi-blue-bg {
color: #134eb2;
}

.ansi-magenta-fg, .ansi-magenta-bg {
color: #bd93f9;
}

.ansi-cyan-fg, .ansi-cyan-bg {
color: #8be9fd;
}

.ansi-white-fg, .ansi-white-bg {
color: #f8f8f2;
}

.ansi-bright-black-fg, .ansi-bright-black-bg {
color: #f8f8f2;
}

.ansi-bright-red-fg, .ansi-bright-red-bg {
color: #ff5555;
}

.ansi-bright-green-fg, .ansi-bright-green-bg {
color: #50fa7b;
}

.ansi-bright-yellow-fg, .ansi-bright-yellow-bg {
color: #f1fa8c;
}

.ansi-bright-blue-fg, .ansi-bright-blue-bg {
color: #54a4f3;
}

.ansi-bright-magenta-fg, .ansi-bright-magenta-bg {
color: #bd93f9;
}

.ansi-bright-cyan-fg, .ansi-bright-cyan-bg {
color: #8be9fd;
}

.ansi-bright-white-fg, .ansi-bright-white-bg {
color: #f8f8f2;
}
}

0 comments on commit 1a2b74d

Please sign in to comment.