kallithea Changeset - 8152f9e6a778

Changeset - 8152f9e6a778

Parent rev.

Child rev.

[Not reviewed]

default

0 3 0

domruf - 8 years ago 2017-10-25 20:37:22
dominikruf@gmail.com

Grafted from: 584355a34b18

less: load optional theme.less file to allow custom styles

Users can use this file to easily override the default style.
For example they can override the theme main color or the logo url.

3 files changed with 27 insertions and 0 deletions:

.hgignore

docs/usage/customization.rst

kallithea/public/less/main.less

0 comments (0 inline, 0 general)

.hgignore

➞

Show inline comments

@@ @@ -20,12 +20,13 @@ syntax: regexp @@
 ^sql_dumps/
 ^\.settings$
 ^\.project$
 ^\.pydevproject$
 ^\.coverage$
 ^kallithea/public/css/style\.css$
 ^theme\.less$
 ^kallithea\.db$
 ^test\.db$
 ^Kallithea\.egg-info$
 ^my\.ini$
 ^fabfile.py
 ^\.idea$

docs/usage/customization.rst

➞

Show inline comments

@@ @@ -15,12 +15,35 @@ To customize the look-and-feel of the we @@
 company banner or some JavaScript widget or to tweak the CSS style definitions)
 you can enter HTML code (possibly with JavaScript and/or CSS) directly via the
 *Admin > Settings > Global > HTML/JavaScript customization
 block*.
 Style sheet customization with Less
 -----------------------------------
 Kallithea uses `Bootstrap 3`_ and Less_ for its style definitions. If you want
 to make some customizations, we recommend to do so by creating a ``theme.less``
 file. When you create a file named ``theme.less`` in the Kallithea root
 directory, you can use this file to override the default style. For example,
 you can use this to override ``@kallithea-theme-main-color``,
 ``@kallithea-logo-url`` or other `Bootstrap variables`_.
 After creating the ``theme.less`` file, you need to regenerate the CSS files.
 Install npm for your platform and run::
     npm install
     npm run less
 in the Kallithea root directory.
 .. _bootstrap 3: https://getbootstrap.com/docs/3.3/
 .. _bootstrap variables: https://getbootstrap.com/docs/3.3/customize/#less-variables
 .. _less: http://lesscss.org/
 Behavioral customization: rcextensions
 --------------------------------------
 Some behavioral customization can be done in Python using ``rcextensions``, a
 custom Python package that can extend Kallithea functionality.

kallithea/public/less/main.less

➞

Show inline comments

@@ @@ -20,6 +20,9 @@ @@
 @import "kallithea-variables.less";
 @import "kallithea-labels.less";
 @import "yui-ac.less";
 @import "kallithea-select2.less";
 @import "kallithea-diff.less";
 @import "style.less";
 /* finally, import the optional theme file with local customizations */
 @import (optional) "theme.less";

0 comments (0 inline, 0 general)