Hugging Face's logo

Spaces:
randeom
/
pepe_meme_generator
Sleeping

App Files Community
randeom commited on
Commit
288097f
•
1 Parent(s): 9bcb7ab

dark css

Browse files
Files changed (1) hide show
  1. style.css +56 -45
style.css CHANGED
@@ -1,74 +1,85 @@
1
  body {
2
- font-family: 'Comic Sans MS', 'Arial', sans-serif;
3
- background-color: #f0f8ff;
4
- background-image: url('https://i.imgur.com/avF4QAU.png'); /* Replace with a URL to a Pepe background image */
5
- background-size: cover;
6
- background-repeat: no-repeat;
7
- background-attachment: fixed;
 
8
  }
9
 
10
  h1, h2, h3 {
11
- color: #32CD32;
12
- text-shadow: 2px 2px 4px #000000;
13
  }
14
 
15
  .stButton button {
16
- background-color: #32CD32;
17
- color: white;
18
- border: none;
19
- padding: 10px 20px;
20
- text-align: center;
21
- text-decoration: none;
22
- display: inline-block;
23
- font-size: 16px;
24
- margin: 4px 2px;
25
- cursor: pointer;
26
- box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
27
- border-radius: 10px;
 
 
 
 
 
28
  }
29
 
30
  .stTextInput input {
31
- border-radius: 10px;
32
- padding: 10px;
33
- border: 1px solid #ccc;
34
- font-size: 16px;
35
- box-shadow: inset 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 2px rgba(0,0,0,0.24);
 
 
36
  }
37
 
38
  .stSelectbox select {
39
- border-radius: 10px;
40
- padding: 10px;
41
- border: 1px solid #ccc;
42
- font-size: 16px;
43
- box-shadow: inset 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 2px rgba(0,0,0,0.24);
 
 
44
  }
45
 
46
  .stSlider .stSliderLabel {
47
- color: #32CD32;
48
  }
49
 
50
  .stSlider .stSliderValue {
51
- color: #FF4500;
52
  }
53
 
54
  .stMarkdown {
55
- color: #32CD32;
56
- font-family: 'Comic Sans MS', 'Arial', sans-serif;
57
- text-shadow: 1px 1px 2px #000000;
58
  }
59
 
60
  .stTextArea textarea {
61
- border-radius: 10px;
62
- padding: 10px;
63
- border: 1px solid #ccc;
64
- font-size: 16px;
65
- box-shadow: inset 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 2px rgba(0,0,0,0.24);
 
 
66
  }
67
 
68
  .stExpander .stExpanderContent {
69
- background-color: rgba(50, 205, 50, 0.1);
70
- border: 1px solid #32CD32;
71
- border-radius: 10px;
72
- padding: 10px;
73
  }
74
-
 
1
  body {
2
+ font-family: 'Comic Sans MS', 'Arial', sans-serif !important;
3
+ background-color: #1e1e1e !important;
4
+ background-image: url('/static/pepe_background.png') !important;
5
+ background-size: cover !important;
6
+ background-repeat: no-repeat !important;
7
+ background-attachment: fixed !important;
8
+ color: #d4d4d4 !important;
9
  }
10
 
11
  h1, h2, h3 {
12
+ color: #32CD32 !important;
13
+ text-shadow: 2px 2px 4px #000000 !important;
14
  }
15
 
16
  .stButton button {
17
+ background-color: #32CD32 !important;
18
+ color: white !important;
19
+ border: none !important;
20
+ padding: 10px 20px !important;
21
+ text-align: center !important;
22
+ text-decoration: none !important;
23
+ display: inline-block !important;
24
+ font-size: 16px !important;
25
+ margin: 4px 2px !important;
26
+ cursor: pointer !important;
27
+ box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) !important;
28
+ border-radius: 10px !important;
29
+ transition: background-color 0.3s ease !important;
30
+ }
31
+
32
+ .stButton button:hover {
33
+ background-color: #2e8b57 !important; /* Darker green for hover effect */
34
  }
35
 
36
  .stTextInput input {
37
+ border-radius: 10px !important;
38
+ padding: 10px !important;
39
+ border: 1px solid #ccc !important;
40
+ font-size: 16px !important;
41
+ box-shadow: inset 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 2px rgba(0,0,0,0.24) !important;
42
+ background-color: #333 !important;
43
+ color: #d4d4d4 !important;
44
  }
45
 
46
  .stSelectbox select {
47
+ border-radius: 10px !important;
48
+ padding: 10px !important;
49
+ border: 1px solid #ccc !important;
50
+ font-size: 16px !important;
51
+ box-shadow: inset 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 2px rgba(0,0,0,0.24) !important;
52
+ background-color: #333 !important;
53
+ color: #d4d4d4 !important;
54
  }
55
 
56
  .stSlider .stSliderLabel {
57
+ color: #32CD32 !important;
58
  }
59
 
60
  .stSlider .stSliderValue {
61
+ color: #d4d4d4 !important;
62
  }
63
 
64
  .stMarkdown {
65
+ color: #32CD32 !important;
66
+ font-family: 'Comic Sans MS', 'Arial', sans-serif !important;
67
+ text-shadow: 1px 1px 2px #000000 !important;
68
  }
69
 
70
  .stTextArea textarea {
71
+ border-radius: 10px !important;
72
+ padding: 10px !important;
73
+ border: 1px solid #ccc !important;
74
+ font-size: 16px !important;
75
+ box-shadow: inset 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 2px rgba(0,0,0,0.24) !important;
76
+ background-color: #333 !important;
77
+ color: #d4d4d4 !important;
78
  }
79
 
80
  .stExpander .stExpanderContent {
81
+ background-color: rgba(50, 205, 50, 0.1) !important;
82
+ border: 1px solid #32CD32 !important;
83
+ border-radius: 10px !important;
84
+ padding: 10px !important;
85
  }