Bolder Headings! (Deprecated) en

Installations 13 Likes 3

The return of strong entities is here! Have gone through all elements in the entity to view and made them bigger, better and blacker!

Suitable for a kanka that is using a light background or when you need to showcase the POWER of your entitiers (or if you find yourself squinting too much). From the title to the breadcrumbs I've changed everything to be darker to work with a light background. When on a dark background all the important elements will have a white outline making them legible no matter what.

Okay, theres alot of black but if that doesn't work for you, add the below to your css file and change the colour to your liking.

.entity-header .entity-name-header .entity-name,
.entity-header-sub pull-left,
.entity-header-sub,
.entity-header-sub-element,
.entity-header-sub-element .name,
.entity-header-sub-element .text,
.entity-header-sub pull-left  .name,
.entity-header-sub .name,
.entity-name-icons { 
    color: (insert colour here, then delete the brackets);
    }

This plugin works well with Bolder Names! if you want that extra ooomph but it's not necessery. Can be found at: https://marketplace.kanka.io/plugins/46b53dc0-5d05-48d0-a892-3ac86adc3245

Latest version 15.0 View content

Released 1 year ago

An all new aproach to converting entity titles to being bold, clear in both entities with a background or without.

Plugin CSS for 15.0


/* Entity Title elements */
  .entity-grid>.entity-header.with-entity-banner .entity-breadcrumb, .entity-grid>.entity-header.with-entity-banner .entity-breadcrumb a,
  .entity-header.with-entity-banner .entity-header-sub, .entity-grid>.entity-header.with-entity-banner .entity-icons,
  .entity-title,
  .entity-header-line,
  .entity-privacy-icon,
  .entity-icons,
  .entity-grid>.entity-header.with-entity-banner .entity-header-sub, .entity-grid>.entity-header.with-entity-banner i.entity-icons,
  .entity-header .entity-name-header .entity-name,
  .entity-name-icons entity-name-icons-2,
  .entity-name-icons-2,
  .entity-header-sub pull-left,
  .entity-header-sub,
  .entity-header-sub-element,
  .entity-header-sub-element .name,
  .entity-header-sub-element .text,
  .entity-header-sub pull-left .name,
  .entity-header-sub .name,
  .entity-name-icons,
  .fa-solid fa-cog {
    color: black;
    font-weight: bold;
  }

.entity-grid>.entity-header.with-entity-banner .entity-name,.entity-grid>.entity-header.with-entity-banner .entity-title {
     text-shadow:
      -0.4px -0.4px 0 #FFFFFF,
       0.4px -0.4px 0 #FFFFFF,
      -0.4px 0.4px 0 #FFFFFF,
       0.4px 0.4px 0 #FFFFFF;
     color: black;   
     font-weight: bolder;
}
.entity-grid>.entity-header.with-entity-banner .entity-breadcrumb a,
.entity-grid>.entity-header.with-entity-banner .entity-icons {   
   text-shadow:
      -0.4px -0.4px 0 #FFFFFF,
       0.4px -0.4px 0 #FFFFFF,
      -0.4px 0.4px 0 #FFFFFF,
       0.4px 0.4px 0 #FFFFFF;
 	color: black;
	font-weight: bolder;
}

.entity-grid>.entity-header.with-entity-banner .entity-header-sub {  
   text-shadow:
      -0.4px -0.4px 0 #FFFFFF,
       0.4px -0.4px 0 #FFFFFF,
      -0.4px 0.4px 0 #FFFFFF,
       0.4px 0.4px 0 #FFFFFF;
	color: black;
	font-weight: bolder;
}

.entity-grid>.entity-header.with-entity-banner .entity-header-sub a {
  
   text-shadow:
      -0.4px -0.4px 0 #FFFFFF,
       0.4px -0.4px 0 #FFFFFF,
      -0.4px 0.4px 0 #FFFFFF,
       0.4px 0.4px 0 #FFFFFF;
  	color: black;
    text-decoration: underline;
	font-weight: bolder;
}

/* Breadcrumbs */
#main-content > section > div > div.entity-header.pb-5.flex.flex-wrap > div.entity-header-text.flex.flex-col > div.entity-texts > ol > li:nth-child(1) > a{
  color: black;
 }
.entity-header .entity-breadcrumb li+li:before{
  text-shadow:
      -0.2px -0.2px 0 #FFFFFF,
       0.2px -0.2px 0 #FFFFFF,
      -0.2px 0.2px 0 #FFFFFF,
       0.2px 0.2px 0 #FFFFFF;
  	color: black;
}

.badge{
  color: hsl(var(--bc)/var(--tw-text-opacity))
}