IPS Themes (aXen) Dynamic Theme 1.4.0

Dynamic theme with Font Awesome 5

Dynamic Theme​

(PSD) Graphic Theme - Grzegorz

Requirements​

• IPS Community Suite: 4.7 version

​

Configuration​

Icons navBar​

Example code:

nav .ipsNavBar_primary li[data-navext="Forums"] a::before {content: "\f015" !important;}

• data-navext - The name of the item menu. You can find it by clicking on F12 in the browser and selecting the item tab.!
  
  
• f015 - Unicode Font Awesome 5

Icons widgets​

Example code:

.cWidgetContainer .ipsWidget[data-blockid*="forumStatistics"] .ipsWidget_title::before {content: "\f015";}

• data-blockid - The name of the item widget. You can find it by clicking on F12 in the browser and selecting the item tab.
  
  
• f015 - Unicode Font Awesome 5

​

Default settings​

Buttons:

• Primary button - #5c64c5
• Alternate button - #8b69c2
• Normal button - #5c64c5
• Light button - #1b1d25
• Light button font - #5c64c5
• Very light button - #0b0c10
• Very light button font - #5c64c5
• Button bar - #1e2029
• Link button - #5c64c5 Front-End Colors:
• Brand Color - #5c64c5
• Body background - #141519
• Header Background - #141519
• Header Text - #ffffff
• Main Navigation Background - #5c64c5
• Main Navigation Text - #888b98
• Secondary Navigation Background - #131419
• Secondary Navigation Text - #ffffff
• Dark area background - #0f1015
• Area background - #15161d
• Light area background - #17181f
• Reset area background - #111217
• Selected - #1d1727
• Selected Border - #8b69c2
• Tags - #8b69c2
• Prefix - #5c64c5
• Widget Title Bar Text - #ffffff
• Moderated Light Background - #210000
• Moderated Text - #bb5454
• Activity Timeline Color - #5c64c5
• Item Status Badges Active - #5c64c5
• Mentions - #5c64c5
• Highlighted Post Background - #8b69c2
• Highlighted Post Border - #5c64c5
• Comment Count Background - #22242d
• Comment Count Font - #ffffff
• Active Input Border - #5c64c5 Text:
• Base text color - #888b98
• Dark text - #ffffff
• Light text - #55606f
• Link color - #959faf
• Link hover color - #5c64c5
• Section title bar text - #ffffff
• Footer Links - #656872
• Tags - #ffffff

​

Screenshots​