Fixed weird layouting so that bright version works a bit as well

Author: commjoen

helm/wrongsecrets-ctf-party/values.yaml

@@ -35,7 +35,7 @@ balancer:
     # -- Set this to a fixed random alpa-numeric string (recommended length 24 chars). If not set this get randomly generated with every helm upgrade, each rotation invalidates all active cookies / sessions requirering users to login again.
     cookieParserSecret: null
   repository: jeroenwillemsen/wrongsecrets-balancer
-  tag: 1.1aws
+  tag: 1.2aws
   # -- Number of replicas of the wrongsecrets-balancer deployment
   replicas: 1
   service:
@@ -203,10 +203,10 @@ virtualdesktop:
   envFrom: [ ]
   tolerations: [ ]
 
-# Deletes unused JuiceShop instances after a configurable period of inactivity
+# Deletes unused Wrongsecrets namespaces after a configurable period of inactivity
 wrongsecretsCleanup:
   repository: jeroenwillemsen/wrongsecrets-ctf-cleaner
-  tag: null
+  tag: 0.3
   enabled: true
   # -- Specifies when Juice Shop instances will be deleted when unused for that period.
   gracePeriod: 2d

wrongsecrets-balancer/ui/src/Components.js

@@ -76,6 +76,7 @@ export const BodyCard = styled(Card)`
   min-width: 400px;
   max-width: 900px;
   margin-bottom: 32px;
+  
 
   @media (max-width: 1280px) {
     min-width: 328px;

wrongsecrets-balancer/ui/src/Layout.js

@@ -60,12 +60,14 @@ const GlobalStyles = createGlobalStyle`
     --background-highlight: #fff;
     --font-color: #000;
     --font-color-highlight: #000;
+    --link-color: #000;
   }
   @media (prefers-color-scheme: dark) {
     :root {
       --background: #1a202c;
       --background-highlight: #2d3848;
       --font-color: #fefefe;
+      --link-color: #fefefe;
       --font-color-highlight: #CBD5DF;
     }
   }
@@ -82,6 +84,9 @@ const GlobalStyles = createGlobalStyle`
     background-color: var(--background);
     color: var(--font-color);
   }
+  a {
+    color: var(--link-color);
+  }
 `;
 
 const Wrapper = styled.div`

wrongsecrets-balancer/ui/src/pages/JoinPage.js

@@ -26,7 +26,7 @@ const CenterLogo = styled.img`
   display: block;
   margin-left: auto;
   margin-right: auto;
-  width: 75%;
+  width: 85%;
 `;
 
 export const JoinPage = injectIntl(({ intl }) => {
@@ -145,20 +145,20 @@ export const JoinPage = injectIntl(({ intl }) => {
             <li>
               The domain where you can have to submit your answers in exchange for answers that are
               worth points:{' '}
-              <a style={{ color: 'white' }} href={dynamics.heroku_wrongsecret_ctf_url}>
+              <a href={dynamics.heroku_wrongsecret_ctf_url}>
                 {dynamics.heroku_wrongsecret_ctf_url}
               </a>
             </li>
           ) : null}
           <li>
             The domain where you provide your answer found in exchange for points:{' '}
-            <a style={{ color: 'white' }} href={dynamics.ctfd_url}>
+            <a href={dynamics.ctfd_url}>
               {dynamics.ctfd_url}
             </a>
           </li>
           <li>
             Optionally: the storage bucket with Terraform state for the cloud challneges:{' '}
-            <a style={{ color: 'white' }} href={dynamics.s3_bucket_url}>
+            <a href={dynamics.s3_bucket_url}>
               {dynamics.s3_bucket_url}
             </a>
             . For this you will need credentials that will be provided to you as part of the CTF