Skip to content
This repository has been archived by the owner on Mar 3, 2020. It is now read-only.

Ability to have different color themes #200

Open
javuto opened this issue Aug 30, 2016 · 2 comments
Open

Ability to have different color themes #200

javuto opened this issue Aug 30, 2016 · 2 comments

Comments

@javuto
Copy link
Contributor

javuto commented Aug 30, 2016

It would be cool to have more customization options in the fbctf platform. One way to start is to enable different color themes. @jan0sik did a great job customizing his install and he can definitely add more details here. Let's get this done!

@Em7ee
Copy link

Em7ee commented Sep 1, 2016

My manual solution was to use 'sed' to replace all the colors. It took some time, and there were several that were hard to find. The issue is that the colors on FBCTF vary in format. Most are in HEX format, while some are in RGB, and then there are also some that are a mix of HEX in RGB. Then there are also variables set to certain colors such as '$teal-blue', '$light-blue', and so forth. I ended up manually searching for all and picked my colors based on complete opposites of the blue I was changing based on my eyesight. This is just a summary of the color scheme used. How to implement a theme customizer is beyond my current skill level in coding. Hope this helps anyone that is willing to take this up. As a teaser of how this could look in red.

tangoctf-full

@jeszicawii
Copy link

jeszicawii commented Sep 5, 2016

@jan0sik If you want to change those blue arrows to the light red too, under .fb-gameboard aside[data-module] .module-header::after you can change the background-image value.

I wrapped the value in underscores, just change this.
url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.2%205.6%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23__FFC0CB__%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M10.9.4L5.9%205c-.2.2-.4.2-.5%200L.4.3%22%2F%3E%3C%2Fsvg%3E")

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants