ips-theme-dynamic
ips-theme-dynamic copied to clipboard
(IPS Theme) Dynamic theme with Font Awesome 5
Dynamic Theme
(PSD) Graphic Theme - Grzegorz
Built-in Font Awesome 5 icons.
🏷️ Requirements
🧰 Install
- Go to: AdminCP -> Customization -> APPEARANCE -> Themes,
- Click on the Create new button,
- Click on the link manual upload,
- Select file .xml from packet and click next button,
- Go to theme settings,
- Go to Global tab and select your IPS version
🛠️ Update
- Go to: AdminCP -> Customization -> APPEARANCE -> Themes,
- Search your theme and click Upload a new version,
- Select file .xml from packet and click upload button,
- Go to theme settings,
- Go to Global tab and select your IPS 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