luisrguerra commited on
Commit
46aea43
1 Parent(s): b94e926

Create css/theme.css

Browse files
Files changed (1) hide show
  1. 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
+ }