How to change or modify a default theme

Sergey_Kolosovski · February 3, 2016, 1:43pm

Hi Cornelius!
Could you please shed some light on the topic of how to change the default
theme?
I know there’s a
doc http://privacyidea.readthedocs.org/en/latest/installation/system/inifile.html?highlight=bootstrap
which says that this is pretty simple, just specify a path to your
bootstrap theme in PI_CSS and that’s it.

I tried to place a file called “bootstrap.css” taken
from http://bootswatch.com/ to the newly created
privacyidea/static/custom/css/ folder then specify
PI_CSS =
’/usr/lib/python2.7/dist-packages/privacyidea/static/custom/css/bootstrap.css
then issued
service nginx restart
this didn’t affect the look of PI but I checked source of a web-page:

1) seems that PI ignored the PI_CSS setting because I specified one path but in html code is another 2) There are two .css files being used - bootstrap.css and bootstrap-theme.css . Which one should be taken and maybe replaced from http://bootswatch.com/? Which one suppose to be replaced with the one specified in PI_CSS?

Sergey_Kolosovski · February 3, 2016, 2:32pm

Awesome!
Thank you for help! Indeed, I was needed to restart uwsgi service.On Wednesday, February 3, 2016 at 4:22:16 PM UTC+2, Cornelius Kölbel wrote:

HI Sergey,

the 2nd stylesheet is the theme stylesheet and is set according to the
settings.
See the template:

{{ page_title }}

This is set in the controller:

https://github.com/privacyidea/privacyidea/blob/v2.9/privacyidea/webui/login.py#L46

But your issue arises from the fact, that you do not need to restart
nginx (as this only works as a proxy) but you probably need to restart
uwsgi.

Kind regards
Cornelius

cornelinux · February 3, 2016, 2:50pm

Glad to be of help and that it works out! :-)Am Mittwoch, den 03.02.2016, 06:32 -0800 schrieb Sergey Kolosovski:

Awesome!
Thank you for help! Indeed, I was needed to restart uwsgi service.

On Wednesday, February 3, 2016 at 4:22:16 PM UTC+2, Cornelius Kölbel wrote:
HI Sergey,
    the 2nd stylesheet is the theme stylesheet and is set
    according to the 
    settings. 
    See the template: 
    https://github.com/privacyidea/privacyidea/blob/master/privacyidea/static/templates/header.html#L21 
    
    This is set in the controller: 
    https://github.com/privacyidea/privacyidea/blob/v2.9/privacyidea/webui/login.py#L46 
    
    But your issue arises from the fact, that you do not need to
    restart 
    nginx (as this only works as a proxy) but you probably need to
    restart 
    uwsgi. 
    
    Kind regards 
    Cornelius 
–
Please read the blog post about getting help
Getting help – privacyID3A.

For professional services and consultancy regarding two factor
authentication please visit
One Time Services - NetKnights - IT-Sicherheit - Zwei-Faktor-Authentisierung - Verschlüsselung

In an enterprise environment you should get a SERVICE LEVEL AGREEMENT
which suites your needs for SECURITY, AVAILABILITY and LIABILITY:
privacyIDEA Support Level

You received this message because you are subscribed to the Google
Groups “privacyidea” group.
To unsubscribe from this group and stop receiving emails from it, send
an email to privacyidea+unsubscribe@googlegroups.com.
To post to this group, send email to privacyidea@googlegroups.com.
Visit this group at https://groups.google.com/group/privacyidea.
To view this discussion on the web visit
https://groups.google.com/d/msgid/privacyidea/e5ed5cef-616e-4313-af55-191d6e1fcb23%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

–
Cornelius Kölbel
@cornelinux
+49 151 2960 1417

NetKnights GmbH
http://www.netknights.it
Landgraf-Karl-Str. 19, 34131 Kassel, Germany
Tel: +49 561 3166797, Fax: +49 561 3166798

Amtsgericht Kassel, HRB 16405
Geschäftsführer: Cornelius Kölbel

signature.asc (836 Bytes)

cornelinux · February 3, 2016, 2:22pm

HI Sergey,

the 2nd stylesheet is the theme stylesheet and is set according to the
settings.
See the template:

github.com

privacyidea/privacyidea/blob/master/privacyidea/static/templates/header.html#L21


      
              <link href="{{ instance }}/{{ "static/contrib/css/isteven-multi-select.css" | versioned }}" rel="stylesheet"/>
              <link href="{{ instance }}/{{ "static/contrib/css/angular-inform.css" | versioned }}" rel="stylesheet"/>
              <link href="{{ instance }}/{{ "static/contrib/css/hotkeys.css" | versioned }}" rel="stylesheet"/>
              <!-- Custom styles for this template -->
              <link href="{{ instance }}/{{ "static/css/signin.css" | versioned }}" rel="stylesheet">
              <link href="{{ instance }}/{{ "static/css/menu.css" | versioned }}" rel="stylesheet">
              <link href="{{ instance }}/{{ "static/css/content.css" | versioned }}" rel="stylesheet">
              <link href="{{ instance }}/{{ "static/css/table-ui.css" | versioned }}" rel="stylesheet">
              <link href="{{ instance }}/{{ "static/css/baseline.css" | versioned }}" rel="stylesheet">
              <link href="{{ instance }}/{{ "static/css/highlight.css" | versioned }}" rel="stylesheet">
              {% if theme %}<link href="{{ instance }}/{{ theme | versioned }}" rel="stylesheet"/>{%  endif %}
              {% if custom_css %}<link href="{{ instance }}/{{ custom_css }}" rel="stylesheet"/>{% endif %}
          
              <script type="application/javascript">
                  // Pass the browser Language to our Javascript code
                  var browserLanguage = "{{ browser_lang }}";
              </script>
              <title idle-disabled="true">{{ page_title }}</title>
          
          </head>
          <body ng-controller="mainController">

This is set in the controller:

github.com

privacyidea/privacyidea/blob/v2.9/privacyidea/webui/login.py#L46


      
          
          @login_blueprint.route('/', methods=['GET'])
          def single_page_application():
              instance = request.script_root
              if instance == "/":
                  instance = ""
              # The backend URL should come from the configuration of the system.
              backend_url = ""
          
              # The default theme. We can change this later
              theme = current_app.config.get("PI_CSS", DEFAULT_THEME)
          
              browser_lang = request.accept_languages.best_match(["en", "de"])
              # check if login with REMOTE_USER is allowed.
              remote_user = ""
              if is_remote_user_allowed(request):
                  remote_user = request.remote_user
              return render_template("index.html", instance=instance,
                                     backendUrl=backend_url,
                                     browser_lang=browser_lang,
                                     remote_user=remote_user,

But your issue arises from the fact, that you do not need to restart
nginx (as this only works as a proxy) but you probably need to restart
uwsgi.

Kind regards
CorneliusAm Mittwoch, den 03.02.2016, 05:43 -0800 schrieb Sergey Kolosovski:

Hi Cornelius!
Could you please shed some light on the topic of how to change the
default theme?
I know there’s a
doc 2.5. The Config File — privacyIDEA 3.8 documentation which says that this is pretty simple, just specify a path to your bootstrap theme in PI_CSS and that’s it.

I tried to place a file called “bootstrap.css” taken
from http://bootswatch.com/ to the newly
created privacyidea/static/custom/css/ folder then specify

PI_CSS =
'/usr/lib/python2.7/dist-packages/privacyidea/static/custom/css/bootstrap.css

then issued
service nginx restart
this didn’t affect the look of PI but I checked source of a web-page:

seems that PI ignored the PI_CSS setting because I specified one
path but in html code is another

There are two .css files being used - bootstrap.css
and bootstrap-theme.css. Which one should be taken and maybe replaced
from http://bootswatch.com/? Which one suppose to be replaced with
the one specified in PI_CSS?

–
Please read the blog post about getting help
Getting help – privacyID3A.

For professional services and consultancy regarding two factor
authentication please visit
One Time Services - NetKnights - IT-Sicherheit - Zwei-Faktor-Authentisierung - Verschlüsselung

In an enterprise environment you should get a SERVICE LEVEL AGREEMENT
which suites your needs for SECURITY, AVAILABILITY and LIABILITY:
privacyIDEA Support Level

You received this message because you are subscribed to the Google
Groups “privacyidea” group.
To unsubscribe from this group and stop receiving emails from it, send
an email to privacyidea+unsubscribe@googlegroups.com.
To post to this group, send email to privacyidea@googlegroups.com.
Visit this group at https://groups.google.com/group/privacyidea.
To view this discussion on the web visit
https://groups.google.com/d/msgid/privacyidea/2144da51-3109-459f-99ac-e997a349a628%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

–
Cornelius Kölbel
@cornelinux
+49 151 2960 1417

NetKnights GmbH
http://www.netknights.it
Landgraf-Karl-Str. 19, 34131 Kassel, Germany
Tel: +49 561 3166797, Fax: +49 561 3166798

Amtsgericht Kassel, HRB 16405
Geschäftsführer: Cornelius Kölbel

signature.asc (836 Bytes)

JoseMa · May 7, 2018, 1:24pm

Good afternoon:
I have a problem when I change the default theme.
I’ve downloaded the Sketchy theme from https://bootswatch.com
I copied it at: /static/custom/css/bootstrap-Sketchy.css

Then I modified the file pi.cfg
/etc/privacyidea/pi.cfg

Adding the following:
PI_CSS = ‘/static/custom/css/bootstrap-Sketchy.css’
I have also tried like this:
#PI_CSS = ‘/opt/privacyidea/lib/python2.7/site-packages/privacyidea/static/custom/css/bootstrap-Sketchy.css’

In principle it seems that the theme is loaded and displayed correctly, but links do not work, when you pass over a link or active element, the cursor is not modified and you can not click on it, you can not select anything.

<!DOCTYPE html>
<html ng-app="privacyideaApp">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Cornelius Kölbel" >
    <link rel="icon" href="../../favicon.ico">
    <!-- Custom styles for this template -->
    <link href="/static/css/signin.css" rel="stylesheet">
    <link href="/static/contrib/css/animate.css" rel="stylesheet">
    <link href="/static/css/navbar-fixed-top.css" rel="stylesheet">
    <link href="/static/contrib/css/angular-multi-select.css"
          rel="stylesheet"/>
    <link href="/static/contrib/css/angular-inform.css"
          rel="stylesheet"/>
    <link href="/static/contrib/css/hotkeys.min.css"
          rel="stylesheet"/>
    <link href="/static/contrib/css/bootstrap.css" rel="stylesheet">
    <link href="/static/custom/css/bootstrap-Sketchy.css" rel="stylesheet"/>

    <script type="application/javascript">
        // Pass the browser Language to our Javascript code
        var browserLanguage = "es";
    </script>
    <title idle-disabled="true">privacyIDEA Authentication System</title>

I send a screenshot with the cursors indicating where active elements should appear.

Greetings and thank you.

How to change or modify a default theme

In an enterprise environment you should get a SERVICE LEVEL AGREEMENT
which suites your needs for SECURITY, AVAILABILITY and LIABILITY:
privacyIDEA Support Level

In an enterprise environment you should get a SERVICE LEVEL AGREEMENT
which suites your needs for SECURITY, AVAILABILITY and LIABILITY:
privacyIDEA Support Level

How to change or modify a default theme

In an enterprise environment you should get a SERVICE LEVEL AGREEMENT which suites your needs for SECURITY, AVAILABILITY and LIABILITY: privacyIDEA Support Level

In an enterprise environment you should get a SERVICE LEVEL AGREEMENT which suites your needs for SECURITY, AVAILABILITY and LIABILITY: privacyIDEA Support Level

In an enterprise environment you should get a SERVICE LEVEL AGREEMENT
which suites your needs for SECURITY, AVAILABILITY and LIABILITY:
privacyIDEA Support Level

In an enterprise environment you should get a SERVICE LEVEL AGREEMENT
which suites your needs for SECURITY, AVAILABILITY and LIABILITY:
privacyIDEA Support Level