luisrguerra
commited on
Commit
•
46aea43
1
Parent(s):
b94e926
Create css/theme.css
Browse files- css/theme.css +125 -0
css/theme.css
ADDED
@@ -0,0 +1,125 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
:root {
|
2 |
+
--font-color: #c9d3e3;
|
3 |
+
--font-color2: white;
|
4 |
+
--background-color: hsla(0, 0%, 100%, 0.09);
|
5 |
+
--background2-color: hsl(218, 14%, 16%);
|
6 |
+
--background3-color: hsl(213, 13%, 14%);
|
7 |
+
}
|
8 |
+
|
9 |
+
body{
|
10 |
+
color: var(--font-color);
|
11 |
+
background-color:var(--background3-color);
|
12 |
+
}
|
13 |
+
|
14 |
+
::selection {
|
15 |
+
background: #3D4556;
|
16 |
+
color: #d6e2f4;
|
17 |
+
}
|
18 |
+
|
19 |
+
button.btn.btn-primary,button.btn.btn-primary:disabled,button.btn.btn-primary:active{
|
20 |
+
box-shadow: none;
|
21 |
+
}
|
22 |
+
|
23 |
+
button.btn-outline{
|
24 |
+
color: var(--font-color2);
|
25 |
+
border-top-color: hsla(0, 0%, 100%, 0.30);
|
26 |
+
border-inline-color: hsla(0, 0%, 100%, 0.25);
|
27 |
+
border-bottom-color: hsla(0, 0%, 100%, 0.20);
|
28 |
+
border-width: 2px;
|
29 |
+
}
|
30 |
+
|
31 |
+
button.btn-outline:hover,button.btn-outline:active,button.btn-outline:focus,button.btn-outline:visited{
|
32 |
+
background-color: #ffffff10 !important;
|
33 |
+
border-color: #ffffff40 !important;
|
34 |
+
color: var(--font-color2) !important;
|
35 |
+
}
|
36 |
+
|
37 |
+
button.btn-outline:disabled{
|
38 |
+
border-color: rgba(255, 255, 255, 0.15);
|
39 |
+
}
|
40 |
+
|
41 |
+
select.form-select,select.form-select:disabled{
|
42 |
+
color: var(--font-color);
|
43 |
+
background-color: var(--background3-color);
|
44 |
+
border-color: #ffffff40;
|
45 |
+
border-width: 2px;
|
46 |
+
}
|
47 |
+
|
48 |
+
select.form-select:focus,select.form-select:active{
|
49 |
+
color: var(--font-color);
|
50 |
+
background-color: var(--background3-color);
|
51 |
+
border-color: #ffffff7e;
|
52 |
+
box-shadow: none;
|
53 |
+
}
|
54 |
+
|
55 |
+
input.form-control,input.form-control:disabled{
|
56 |
+
color: var(--font-color);
|
57 |
+
background-color: var(--background3-color);
|
58 |
+
border-color: #ffffff40;
|
59 |
+
border-width: 2px;
|
60 |
+
}
|
61 |
+
|
62 |
+
input.form-control:focus,input.form-control:active{
|
63 |
+
color: var(--font-color);
|
64 |
+
background-color: var(--background3-color);
|
65 |
+
border-color: #ffffff7e;
|
66 |
+
box-shadow: none;
|
67 |
+
}
|
68 |
+
|
69 |
+
input.form-control::placeholder{
|
70 |
+
color: var(--font-color);
|
71 |
+
opacity: 0.75;
|
72 |
+
}
|
73 |
+
|
74 |
+
h2.accordion-header{
|
75 |
+
color: var(--font-color);
|
76 |
+
background-color: transparent;
|
77 |
+
box-shadow: none;
|
78 |
+
}
|
79 |
+
|
80 |
+
h2.accordion-header:hover,h2.accordion-header:active,h2.accordion-header:focus,h2.accordion-header:visited{
|
81 |
+
background-color: #ffffff10 !important;
|
82 |
+
border-color: #ffffff40 !important;
|
83 |
+
color: var(--font-color) !important;
|
84 |
+
box-shadow: none;
|
85 |
+
}
|
86 |
+
|
87 |
+
button.accordion-button{
|
88 |
+
color: var(--font-color);
|
89 |
+
background-color: transparent;
|
90 |
+
box-shadow: none;
|
91 |
+
}
|
92 |
+
|
93 |
+
button.accordion-button::after{
|
94 |
+
filter: invert(100%);
|
95 |
+
}
|
96 |
+
|
97 |
+
button.accordion-button:hover,button.accordion-button:active,button.accordion-button:focus,button.accordion-button:visited,button.accordion-button:not(.collapsed){
|
98 |
+
background-color: transparent !important;
|
99 |
+
border-color: #ffffff40 !important;
|
100 |
+
color: var(--font-color2) !important;
|
101 |
+
box-shadow: none;
|
102 |
+
}
|
103 |
+
|
104 |
+
div.accordion-item{
|
105 |
+
color: var(--font-color);
|
106 |
+
background-color: transparent;
|
107 |
+
box-shadow: none;
|
108 |
+
}
|
109 |
+
|
110 |
+
div.accordion-item:hover,div.accordion-item:active,div.accordion-item:focus,div.accordion-item:visited{
|
111 |
+
box-shadow: none;
|
112 |
+
}
|
113 |
+
|
114 |
+
#generatedImage{
|
115 |
+
border-radius: 4px;
|
116 |
+
}
|
117 |
+
|
118 |
+
button.return,button.return:hover,button.return:active,button.return:focus,button.return:visited{
|
119 |
+
background-color: transparent;
|
120 |
+
background: none;
|
121 |
+
border: none;
|
122 |
+
box-shadow: none;
|
123 |
+
color:white;
|
124 |
+
padding: 0.4em;
|
125 |
+
}
|