flamebird/client/styles/dark-theme.css at develop · acacode/flamebird · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138

body[theme="dark"] {
    background: #212121;
}

[theme="dark"] header {
    background: #3e3e3e;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.33);
}

[theme="dark"] .title {
    color: #eeeeee;
    background: #3e3e3e;
}

[theme="dark"] .wrapper {
    background: #424242;
}


[theme="dark"] .task.active {
    background: rgb(37, 37, 37);
    color: #ebebeb;
}


[theme="dark"] .task {
    color: #a5a5a5;
}


[theme="dark"] .task:hover {
    background: rgb(37, 37, 37);
    color: #ebebeb;
}


[theme="dark"] button.tab {
    color: #d1d1d1;
    background: rgb(69, 69, 69);
    box-shadow: 0 0px 0px 0.5px rgb(33, 33, 33);
}


[theme="dark"] button.tab.active,
[theme="dark"] button.tab:active {
    background: rgb(159, 144, 55);
    color: #212121;
}

[theme="dark"] .logs-container{
    color: #dcdcdc;
}

[theme="dark"] .ansi-red-fg {
    color: rgb(230, 78, 78);
}

[theme="dark"] .logs-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}

[theme="dark"] .logs-container::-webkit-scrollbar-thumb:hover {
    background: #9e9e9e;
}

[theme="dark"] .logs-container{
    background: #060606;
}

[theme="dark"] .ansi-bright-black-fg {
    color: #909090;
}

[theme="dark"] .main-button.toggle {
    background: #333333;
    color: #929292;
}

[theme="dark"] .main-button.toggle.active {
    background: #2e7b58;
    color: #b5e0cd;
}


[theme="dark"] .run{
    background: #2f9a6a;
}

[theme="dark"] .stop{background: #8c4343;}


[theme="dark"] .task.new-task .form input,[theme="dark"] .task.new-task .form textarea {
    background: #333;
    color: #dcdcdc;
}

[theme="dark"] .task.new-task .form button {
    background: #2e7b58;
    color: #b5e0cd;
}


[theme="dark"] .task.updated{
    animation-name: dark-highlight;
}

[theme="dark"] .toggle.color .fas {
    transform: scaleX(-1);
}

[theme="dark"] .close-icon {
    color: #995959;
}

[theme="dark"] .configs-list {
    background: #424242;
}

[theme="dark"] .config {
    color: #aeaeae;
}

[theme="dark"] .config:hover {
    background: #2b2b2b;
}

[theme="dark"] .config:not(:first-child) {
    border-color: rgba(255, 255, 255, 0.05);
}


@keyframes dark-highlight{
    50%{
        background: rgb(79, 80, 63);
    }
}