https://github.com/acromedia/orange_starter
Custom theme for our amazing clients.
https://github.com/acromedia/orange_starter
Last synced: about 1 year ago
JSON representation
Custom theme for our amazing clients.
- Host: GitHub
- URL: https://github.com/acromedia/orange_starter
- Owner: AcroMedia
- Created: 2016-08-13T01:16:24.000Z (almost 10 years ago)
- Default Branch: 8.x-1.x
- Last Pushed: 2022-12-07T20:28:52.000Z (over 3 years ago)
- Last Synced: 2025-04-08T03:47:57.779Z (about 1 year ago)
- Language: CSS
- Homepage:
- Size: 4.9 MB
- Stars: 4
- Watchers: 3
- Forks: 5
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Orange Starter
**Notice**\
Development for this theme has moved to [Drupal.org](https://drupal.org). If you want to submit issues, develop, or use this theme please visit the [new project page](https://www.drupal.org/project/orange_starter).\
No pull requests submitted to this repository will be accepted.
> Custom theme by Acro Media Inc.
## Introduction
This custom theme uses the Orange Framework as a base theme.
## Requirements
Base Theme: [Orange Framework](https://github.com/AcroMedia/orange_framework).
## Installation
Enable the theme and away you go.
## Configuration
### Sass
- Configured to compile using Gulp.
- Compile to CSS by running the following commands:
- `npm install`
- `gulp`
- The CSS will be compiled to: `css/style.css`
## Starting Your New Custom Theme
This theme is meant to be copied and renamed to become your custom theme for your project. Follow the steps below to live a happy life. #blessed
- Copy/rename this theme folder into `/web/themes/custom/your_custom_theme_name`.
- Remove the `.git` folder and `composer.json` file from your theme.
- Rename the core theme filenames replacing `orange_starter` with the name of your new theme. List of core files below:
- `orange_starter.breakpoints.yml`
- `orange_starter.info.yml`
- `orange_starter.libraries.yml`
- `orange_starter.theme`
- `config/schema/orange_starter.schema.yml`
- Within your theme folder, find and replace the string `orange_starter` with your new theme name within all the files. This will change all the hook references, libraries etc. I would avoid manually sifting through the files as you'll likely miss something within one of the templates.
- Make sure to update the `Orange Starter` label/name strings within `config/schema/orange_starter.schema` and `orange_starter.info.yml` as well.
- Update the `screenshot.png` and `favicon.ico` files to match your new theme.
- Update the color and font variables within `sass/custom/_variables.scss` to quickly adjust the theme to be more geared towards your project. Chat with a Creative department resource if you need help choosing appropriate choices.
- Update the `README.md` with project specific details, and remove this `Starting Your New Custom Theme` section.
- If you run into any issues, just call my name cause I'll hear you scream.
- Master, master!