Loading...
 
Skip to main content

Button colors can't be changed

  • Tracker item actions
Trackers
Items
Status
Open
Subject
Button colors can't be changed
Version
21.x Regression
Category
  • Consistency
Feature
UI / UX (User interface and experience)
Resolution status
New
Submitted by
hman
Lastmod by
hman
Rating
(0)
Related-to
Description

I want to change the colours of buttons. Bootstrap has it's own colors for that (which I do not like), and I seem to be unable to change them. No matter whether I declare them in _variables.scss (which would load before bootstrap.scss - which in turn loads _buttons.scss) or in a separate file that gets loaded after bootstrap.scss, even when declaring them !important, bootstraps own colours always come through. Also, no matter whether I redefine a default colour or one of the dedicated colours like primary etc.

After some googling, this could be a bug in bootstrap. Since Tiki incorporated bootstrap, IMHO it's a Tiki bug now.

Copy to clipboard
// Buttons
$btn-primary-color:             #000000 !important;
$btn-primary-bg:                #e7e7a1 !important;
$btn-primary-border:            #999970 !important;
$btn-default-color:             #000000 !important;
$btn-default-bg:                #e7e7a1 !important;
$btn-default-border:            #999970 !important;


They all come out, after transpiling, as #2255aa; or #212529; etc.:

Copy to clipboard
.tiki-webmail .btn-primary, .tiki-cypht .btn-primary, .mobile.tiki-cypht .btn-primary, .inline-cypht .btn-primary {
  color: #fff !important;
  background-color: #2255aa !important;
  border-color: #1c458a !important;
}
Importance
8
Easy to solve?
4
Priority
32
Demonstrate Bug on Tiki 19+
Demonstrate Bug (older Tiki versions)
Ticket ID
8179
Created
Tuesday 23 August, 2022 21:11:33 UTC
by hman
LastModif
Wednesday 24 August, 2022 10:56:20 UTC


Show PHP error messages