Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: TwitchisMental on February 25, 2022, 05:49:57 PM

Title: Orangey
Post by: TwitchisMental on February 25, 2022, 05:49:57 PM
Link to the theme (https://custom.simplemachines.org/index.php?theme=2989)
(https://custom.simplemachines.org/index.php?action=download;theme=2989;attach=287428;image;thumb)

Orangey
A black and orange SMF 2.1 Theme.

Features :
Social Icons
Customizable Footer Menu
Remixed Board Index
Remixed Breadcrumb
Font-Awesome Icons
License :
(https://img.shields.io/badge/license-MIT-blue)

SMF Version :
(https://img.shields.io/badge/SMF-2.1-blue)  

1.0.0
Initial Release

1.0.1
Adjustment : Updated Board Stats Section
Adjustment : Updated The Preview and Thumbnail images.

1.0.2
Update : Updated for SMF 2.1.3
Bug Fix : Fixed an issue where the breadcrumb arrows were not always the same size.
Adjustment: Adjusted the breadcrumb for smaller screens.

1.0.3
Updated for SMF 2.1.4 and the Attachment UI changes.
Adjustment: Adjusted the background colors for various moderation specific styles.
Adjustment: Adjusted the sub bar text color for legibility purposes.
Adjustment: Adjusted the background color and text color of the noticebox.
Adjustment: Adjusted the text color of the new post indicator.
Adjustment: Adjusted the main menu and top menu link colors for legibility purposes.
Adjustment: Adjusted the var(--mainlink) font color for legibility purposes.
Adjustment: Adjusted the body text color for legibility purposes.
Adjustment: Adjusted the ACP menu to look more like the main menu.
Adjustment: Adjusted the link color and border colors of the Annoucement section in the ACP.
Adjustment: Adjusted the border color of a few other sections of the ACP.
Adjustment: Adjusted the link colors of the footer menu.
Adjustment: Adjusted the text color of buttons for legibility purposes.
Adjustment: Adjusted the pagination colors for legibility purposes.
Title: Re: Orangey
Post by: Diego Andrés on February 25, 2022, 05:51:22 PM
Typo?
$txt['theme_description'] = 'ORangey
Title: Re: Orangey
Post by: TwitchisMental on February 25, 2022, 08:23:42 PM
Quote from: Diego Andrés on February 25, 2022, 05:51:22 PMTypo?
$txt['theme_description'] = 'ORangey

>.> Maybe

Edit : Fixed
Title: Re: Orangey
Post by: TwitchisMental on February 27, 2022, 12:09:43 PM
So on this theme I learned to use variables and such in CSS.

I am glad that I did, because it makes it so easy to do big changes.. Like below haha

Bluey XD -

bluey.png

If anyone wants to do this open custom.css and change -

:root {
  --bodybg: rgb(50, 50, 50);
  --mainbg: rgb(255, 174, 20);
  --mainbg2: rgb(245, 161, 0);
  --mainbg3: rgb(242, 212, 157);
  --secondarybg: rgb(64, 32, 0);
  --secondarybg2: rgb(33, 17, 0);
  --white: rgb(255,255,255);
  --black: rgb(0,0,0);
  --mainlink: rgb(191, 95, 1);
  --borderbg: rgb(246, 201, 116);
  --borderbg2: rgb(128, 64, 0);
}
to

:root {
  --bodybg: rgb(200,200,200);
  --mainbg: rgb(20, 103, 255);
  --mainbg2: rgb(0, 86, 245);
  --mainbg3: rgb(157, 187, 242);
  --secondarybg: rgb(0, 32, 64);
  --secondarybg2: rgb(0, 16, 33);
  --white: rgb(255,255,255);
  --black: rgb(0,0,0);
  --mainlink: rgb(2, 97, 191);
  --borderbg: rgb(115, 160, 245);
  --borderbg2: rgb(0, 64, 128);
}

Title: Re: Orangey
Post by: TwitchisMental on June 06, 2022, 09:00:16 PM
Small Update On This Theme -

1.0.1:
Updated Board Stats Section
Updated The Preview and Thumbnail images.

Title: Re: Orangey
Post by: TwitchisMental on January 07, 2023, 02:38:26 PM
New Version Uploaded

1.0.2
Update : Updated for SMF 2.1.3
Bug Fix : Fixed an issue where the breadcrumb arrows were not always the same size.
Adjustment: Adjusted the breadcrumb for smaller screens.
Title: Re: Orangey
Post by: TwitchisMental on June 13, 2023, 08:33:23 PM
New Version Uploaded:

1.0.3
Updated for SMF 2.1.4 and the Attachment UI changes.
Adjustment: Adjusted the background colors for various moderation specific styles.
Adjustment: Adjusted the sub bar text color for legibility purposes.
Adjustment: Adjusted the background color and text color of the noticebox.
Adjustment: Adjusted the text color of the new post indicator.
Adjustment: Adjusted the main menu and top menu link colors for legibility purposes.
Adjustment: Adjusted the var(--mainlink) font color for legibility purposes.
Adjustment: Adjusted the body text color for legibility purposes.
Adjustment: Adjusted the ACP menu to look more like the main menu.
Adjustment: Adjusted the link color and border colors of the Annoucement section in the ACP.
Adjustment: Adjusted the border color of a few other sections of the ACP.
Adjustment: Adjusted the link colors of the footer menu.
Adjustment: Adjusted the text color of buttons for legibility purposes.
Adjustment: Adjusted the pagination colors for legibility purposes.