Orangey

Started by TwitchisMental, February 25, 2022, 05:49:57 PM

Previous topic - Next topic

TwitchisMental

Link to the theme


Orangey
A black and orange SMF 2.1 Theme.

Features :
Social Icons
Customizable Footer Menu
Remixed Board Index
Remixed Breadcrumb
Font-Awesome Icons
License :


SMF Version :
  

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.

Diego Andrés

Typo?
$txt['theme_description'] = 'ORangey

SMF Tricks - Free & Premium Responsive Themes for SMF.

TwitchisMental

Quote from: Diego Andrés on February 25, 2022, 05:51:22 PMTypo?
$txt['theme_description'] = 'ORangey

>.> Maybe

Edit : Fixed

TwitchisMental

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 -

You cannot view this attachment.

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);
}


TwitchisMental

#4
Small Update On This Theme -

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


TwitchisMental

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.

TwitchisMental

#6
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.

Advertisement: