File size: 3,197 Bytes
46aea43
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
:root {
    --font-color: #c9d3e3;
    --font-color2: white;
    --background-color: hsla(0, 0%, 100%, 0.09);
    --background2-color: hsl(218, 14%, 16%);
    --background3-color: hsl(213, 13%, 14%);
}

body{
    color: var(--font-color);
    background-color:var(--background3-color);
}

::selection {
    background: #3D4556;
    color: #d6e2f4;
}

button.btn.btn-primary,button.btn.btn-primary:disabled,button.btn.btn-primary:active{
    box-shadow: none;
}

button.btn-outline{
    color: var(--font-color2);
    border-top-color: hsla(0, 0%, 100%, 0.30);
    border-inline-color: hsla(0, 0%, 100%, 0.25);
    border-bottom-color: hsla(0, 0%, 100%, 0.20);
    border-width: 2px;
}

button.btn-outline:hover,button.btn-outline:active,button.btn-outline:focus,button.btn-outline:visited{
    background-color: #ffffff10 !important;
    border-color: #ffffff40 !important;
    color: var(--font-color2) !important;
}

button.btn-outline:disabled{
    border-color: rgba(255, 255, 255, 0.15);
}

select.form-select,select.form-select:disabled{
    color: var(--font-color);
    background-color: var(--background3-color);
    border-color: #ffffff40;
    border-width: 2px;
}
    
select.form-select:focus,select.form-select:active{
    color: var(--font-color);
    background-color: var(--background3-color);
    border-color: #ffffff7e;
    box-shadow: none;
}

input.form-control,input.form-control:disabled{
    color: var(--font-color);
    background-color: var(--background3-color);
    border-color: #ffffff40;
    border-width: 2px;
}
    
input.form-control:focus,input.form-control:active{
    color: var(--font-color);
    background-color: var(--background3-color);
    border-color: #ffffff7e;
    box-shadow: none;
}

input.form-control::placeholder{
    color: var(--font-color);
    opacity: 0.75;
}

h2.accordion-header{
    color: var(--font-color);
    background-color: transparent;
    box-shadow: none;
}

h2.accordion-header:hover,h2.accordion-header:active,h2.accordion-header:focus,h2.accordion-header:visited{
    background-color: #ffffff10 !important;
    border-color: #ffffff40 !important;
    color: var(--font-color) !important;
    box-shadow: none;
}

button.accordion-button{
    color: var(--font-color);
    background-color: transparent;
    box-shadow: none;
}

button.accordion-button::after{
    filter: invert(100%);
}

button.accordion-button:hover,button.accordion-button:active,button.accordion-button:focus,button.accordion-button:visited,button.accordion-button:not(.collapsed){
    background-color: transparent !important;
    border-color: #ffffff40 !important;
    color: var(--font-color2) !important;
    box-shadow: none;
}

div.accordion-item{
    color: var(--font-color);
    background-color: transparent;
    box-shadow: none;
}

div.accordion-item:hover,div.accordion-item:active,div.accordion-item:focus,div.accordion-item:visited{
    box-shadow: none;
}

#generatedImage{
    border-radius: 4px;
}

button.return,button.return:hover,button.return:active,button.return:focus,button.return:visited{
    background-color: transparent;
    background: none;
    border: none;
    box-shadow: none;
    color:white;
    padding: 0.4em;
}