Make the logo white on dark background

#3
by multimodalart HF staff - opened
Files changed (1) hide show
  1. app.py +2 -1
app.py CHANGED
@@ -97,6 +97,7 @@ css = """
97
  transform: translateY(10px);
98
  background: white;
99
  }
 
100
  .dark .footer {
101
  border-color: #303030;
102
  }
@@ -135,7 +136,7 @@ with block:
135
  """
136
  <div style="text-align: center; max-width: 650px; margin: 0 auto;">
137
  <div>
138
- <img src="https://lambdalabs.com/static/images/lambda-logo.svg" alt="Lambda Logo"
139
  style="margin: auto; max-width: 7rem;">
140
  <h1 style="font-weight: 900; font-size: 3rem;">
141
  Pokémon text to image
 
97
  transform: translateY(10px);
98
  background: white;
99
  }
100
+ .dark .logo{ filter: invert(1); }
101
  .dark .footer {
102
  border-color: #303030;
103
  }
 
136
  """
137
  <div style="text-align: center; max-width: 650px; margin: 0 auto;">
138
  <div>
139
+ <img class="logo" src="https://lambdalabs.com/static/images/lambda-logo.svg" alt="Lambda Logo"
140
  style="margin: auto; max-width: 7rem;">
141
  <h1 style="font-weight: 900; font-size: 3rem;">
142
  Pokémon text to image