horizon/openstack_dashboard/static/dashboard/dashboard.scss
Kahou Lei 222e6d9ae0 Custom Horizon Theme
This patch is to propose the workflow of customizing Horizon theme
easily.

Currently Horizon relies on DjangoScssFilter to preprocess all the scss
files. The css styles such as color and font are mostly controlled by
the variables specified in the the scss files (_variables.scss). In
addition, Horizon mostly reuses bootstrap sass variables to define the
styles.

We leverage the current idea by injecting another level of variables to
overwrite the current bootstrap/horizon variables such that developer
can swap the theme easily.

This patch includes several areas of code changes:

1. Introduce another static file subdirectory for developer to store
   custom themes.
2. Add an additional configuration in the settings.py for developer to
   load the theme to use.
3. Add an example new custom theme.
4. Refactor the current Horizon sass files such that they don't hardcode
   the style but are controlled by the variables instead.

Implements: blueprint horizon-themes

Change-Id: Id915b95b66d9aba97cdb41cc100bf7dc1d75afcd
Co-Authored-By: Alan Fung <wingfung@cisco.com>
Co-Authored-By: Kahou Lei <kahou82@gmail.com>
Co-Authored-By: David Lyle <dklyle0@gmail.com>
2015-03-19 22:23:21 +00:00

9 lines
178 B
SCSS

// Custom Theme Variables
@import "/custom/variables";
@import "scss/variables";
@import "launch-instance/launch-instance";
// Custom Style Variables
@import "/custom/styles";