Announcement

#1 2021-01-04 10:07:27

Ralf
Member
Dorsten-Lembeck
2012-05-08
191

Bootstrap Theme on Demo Site

Hi guys,

over the past days I tried to get the colors used at the demo site:
https://demo2.piwigo.com/

Unfortunately without success....

Can somebody tell me which color scheme is used on the demo site?

Cheers
Ralf


There are only two kinds of music:
Rock and Roll

https://www.ralf-kerkhoff.de

Offline

 

#2 2021-01-04 11:02:16

erAck
Only trying to help
2015-09-06
735

Re: Bootstrap Theme on Demo Site

If you use Firefox you can open Web Developer -> Inspector (Shift+Ctrl+C), in Chromium it's under More tools -> Developer tools (Shift+Ctrl+I). Then travel through the elements of the page, the style window in its Computed tab displays the colors of the selected element. There are also 43 color picker extension Add-ons for Firefox ... for example https://addons.mozilla.org/firefox/addon/colorzilla/


Running Piwigo at https://erack.net/gallery/

Offline

 

#3 2021-01-04 11:39:25

Ralf
Member
Dorsten-Lembeck
2012-05-08
191

Re: Bootstrap Theme on Demo Site

Hi,
i am already trying to do this.

My hope was that there is a secific color scheme used which I can download somewhere.

Cheers
Ralf


There are only two kinds of music:
Rock and Roll

https://www.ralf-kerkhoff.de

Offline

 

#4 2021-01-04 16:33:50

plg
Piwigo Team
Nantes, France, Europe
2002-04-05
13371

Re: Bootstrap Theme on Demo Site

The colorscheme is "Bootstrap Default" and Hannah has added these CSS rules with plugin LocalFiles Editor:

Code:

.bg-dark,
.btn-primary{
    background-color: #324259!important;
}
.bg-light,
  .dropdown-item.active{
  background-color:#A8B2BE!important;
  color:white!important;
}
.bg-light a,
.navbar-dark .navbar-nav .nav-link{
  color:white!important;
}
.dropdown-item:hover{
  background-color: #324259!important;
  color:white!important;
}
.jumbotron{
  background-image:url("https://demo2.piwigo.com/uploads/u/i/v/uiv7aelffa//2020/07/23/20200723145604-bc6caef5.jpg");
  background-position:bottom;
  padding:0;
}
.jumbotron .container-fluid{
  padding:0;
}
#theHeader img{
  width:20%;
  margin:0 auto;
}
#theHeader{
   padding:4rem;
   background-color:rgba(0,0,0,0.4);
  text-align:center;
}
.navbar-nav .dropdown-item{
  color: #324259!important;
}
.navbar-nav .dropdown-item:hover{
  color: #A8B2BE!important;
}
a{
   color: #324259!important;
}
.slider-wrapper{
  margin-top:80px;
}
.enter-link{
  margin: 40px auto;
    position: absolute;
    padding: 15px;
    transform: translateX(-50%);
    background-color: #A8B2BE;
    left: 50%;
}
#tagCloud{
  margin:15px 5%;
}

Offline

 

#5 2021-01-05 07:48:59

Ralf
Member
Dorsten-Lembeck
2012-05-08
191

Re: Bootstrap Theme on Demo Site

Hi PLG,

thanks a million :-)

Cheers
Ralf


There are only two kinds of music:
Rock and Roll

https://www.ralf-kerkhoff.de

Offline

 

#6 2021-01-11 08:23:38

Ralf
Member
Dorsten-Lembeck
2012-05-08
191

Re: Bootstrap Theme on Demo Site

Hi plg,

I have noticed that on the demo site the color of the tags on the picture page are not readable because of the dark color.

I have done some modifications to make fonts matching the other colors - if your are interested you can grab the code below.

Cheers
Ralf

.bg-dark,
.btn-primary{
    background-color: #324259!important;
}
.bg-light,
  .dropdown-item.active{
  background-color:#A8B2BE!important;
  color:white!important;
}
.bg-light a,
.navbar-dark .navbar-nav .nav-link{
  color:white!important;
}
.dropdown-item:hover{
  background-color: #324259!important;
  color:white!important;
}
.jumbotron{
  background-image:url("https://www.ralf-kerkhoff.de/uploaded/logo/logo.jpg");
  background-position:bottom;
  padding:0;
}
.jumbotron .container-fluid{
  padding:0;
}
#theHeader img{
  width:20%;
  margin:0 auto;
}
#theHeader{
   padding:4rem;
   background-color:rgba(0,0,0,0.4);
  text-align:center;
}
.navbar-nav .dropdown-item{
  color: #324259!important;
}
.navbar-nav .dropdown-item:hover{
  color: #A8B2BE!important;
}
a{
   color: #324259!important;
}
.slider-wrapper{
  margin-top:80px;
}
.enter-link{
  margin: 40px auto;
    position: absolute;
    padding: 15px;
    transform: translateX(-50%);
    background-color: #A8B2BE;
    left: 50%;
}
#tagCloud{
  margin:15px 5%;
}
.navbar-brand {
  color:white!important;
}


.btn.btn-primary.btn-raised.mr-1 {
  color:white!important;
}

.nav-link.active{
  color:white!important;
  background-color: #324259!important;
}


There are only two kinds of music:
Rock and Roll

https://www.ralf-kerkhoff.de

Offline

 

#7 2021-01-15 10:09:55

plg
Piwigo Team
Nantes, France, Europe
2002-04-05
13371

Re: Bootstrap Theme on Demo Site

Thank you, I have changed demo2 CSS :-)

Offline

 

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2021 · Contact