Extension Details

- Langeler Nova Theme
- by LangelerNova
- 10 Recent Installs | 161 Total Installs
- Langeler Nova Theme is a custom, reusable theme designed specifically for the Panic Nova code editor on Mac OS X. Built with SCSS, this theme offers easy customization, maintainability, and extendibility, making it a powerful choice for developers looking to personalize their coding environment. Whether youβre working with basic interface elements. Suport for Advanced PHP - advphp and by default dark mode.
- Repository
- Bug Reports
Readme
# LangelerNova Theme
LangelerNova Theme is a custom, reusable theme designed specifically for the "Panic Nova" code editor on Mac OS X. Built with SCSS, this theme offers easy customization, maintainability, and extendibility, making it a powerful choice for developers looking to personalize their coding environment. Whether you're working with basic interface elements, terminal themes, or advanced syntax highlighting for languages like PHP, LangelerNova provides a comprehensive and structured approach to theming, ensuring a cohesive and visually appealing coding experience. π―
## Features
- **Customizable Interface Elements**: Easily modify colors and styles for windows, titlebars, buttons, and more.
- **Advanced Syntax Highlighting**: Tailored support for PHP, including Advanced PHP syntax.
- **SCSS-Based Structure**: Built with SCSS for easy customization and maintenance.
- **Terminal Integration**: Consistent theming across terminal elements with ANSI color codes.
## Installation
1. **Clone the Repository**:
```bash
git clone https://github.com/langeler/LangelerNova-Theme.git
```
2. **Navigate to the Theme Directory**:
```bash
cd LangelerNova-Theme
```
3. **Install the Theme in Panic Nova**:
- Copy the theme files to your Panic Nova theme directory.
4. **Activate the Theme**:
- Open Panic Nova, go to preferences, and select the LangelerNova Theme.
For detailed customization, modify the SCSS files and recompile the CSS.
## Customization
LangelerNova Theme is built with SCSS, making it easy to extend and customize. Here's how you can customize the theme:
1. **Modify SCSS Files**:
- Open any of the SCSS files located in the `colors/`, `sections/`, or `languages/` directories.
- Make your changes to the variables or mixins as needed.
2. **Recompile the CSS**:
- After making changes, recompile the SCSS files to CSS.
- Replace the existing CSS in the Panic Nova theme directory with your newly compiled CSS.
3. **Preview Changes**:
- Open Panic Nova and see your customizations in action. Adjust as necessary to get the desired look and feel.
## Directory Structure
```plaintext
LangelerNova/
β
βββ colors/
β βββ interface/
β β βββ _base-colors.scss // Colors for base interface elements (window, titlebar, etc.)
β β βββ _button-colors.scss // Colors for buttons
β β βββ _document-colors.scss // Colors for document (editor)
β β βββ _gutter-colors.scss // Colors for gutter (line numbers, etc.)
β β βββ _textfield-colors.scss // Colors for textfields
β β
β βββ languages/
β β βββ advphp/
β β βββ _advphp_additional-elements-colors.scss // Colors for additional PHP elements
β β βββ _advphp_comments-colors.scss // Colors for Advanced PHP comments
β β βββ _advphp_control-structures-colors.scss // Colors for control structures (if, else, etc.)
β β βββ _advphp_curl-colors.scss // Colors for cURL keywords
β β βββ _advphp_error-handling-colors.scss // Colors for error handling (try, catch, throw)
β β βββ _advphp_functions-colors.scss // Colors for Advanced PHP functions
β β βββ _advphp_keywords-colors.scss // Colors for Advanced PHP keywords
β β βββ _advphp_magic-constants-colors.scss // Colors for magic constants (e.g., __CLASS__)
β β βββ _advphp_namespace-colors.scss // Colors for Advanced PHP namespaces
β β βββ _advphp_objects-colors.scss // Colors for Advanced PHP objects
β β βββ _advphp_sql-colors.scss // Colors for SQL keywords
β β βββ _advphp_statics-colors.scss // Colors for Advanced PHP statics
β β βββ _advphp_strings-colors.scss // Colors for Advanced PHP strings
β β βββ _advphp_syntax-colors.scss // Colors for Advanced PHP syntax
β β βββ _advphp_variables-colors.scss // Colors for Advanced PHP variables
β β βββ _advphp_wordpress-colors.scss // Colors for WordPress keywords
β β
β βββ syntax/
β β βββ _brackets-colors.scss // Colors for brackets
β β βββ _cdata-colors.scss // Colors for CDATA sections
β β βββ _comments-colors.scss // Colors for syntax comments
β β βββ _declarations-colors.scss // Colors for declarations
β β βββ _definitions-colors.scss // Colors for definitions (classes, functions, etc.)
β β βββ _identifiers-colors.scss // Colors for identifiers (variables, functions, etc.)
β β βββ _invalid-colors.scss // Colors for invalid syntax
β β βββ _keywords-colors.scss // Colors for syntax keywords
β β βββ _markup-colors.scss // Colors for markup (non-tag elements)
β β βββ _operators-colors.scss // Colors for operators
β β βββ _processing-colors.scss // Colors for processing directives
β β βββ _regex-colors.scss // Colors for regex
β β βββ _strings-colors.scss // Colors for strings
β β βββ _style-colors.scss // Colors for stylesheet elements (CSS selectors, properties)
β β βββ _tags-colors.scss // Colors for markup tags (HTML, XML)
β β βββ _values-colors.scss // Colors for values (numbers, booleans, etc.)
β β
β βββ terminal/
β β βββ _terminal-colors.scss // Colors for terminal elements (ANSI colors)
β β
β βββ _core-colors.scss // Core color definitions used across all sections
β
βββ sections/
β βββ interface/
β β βββ _base.scss // Styles for base interface elements (window, titlebar, etc.)
β β βββ _buttons.scss // Styles for buttons
β β βββ _document.scss // Styles for document-related elements (editor)
β β βββ _gutter.scss // Styles for gutter elements (line numbers, etc.)
β β βββ _textfields.scss // Styles for textfields
β β
β βββ languages/
β β βββ advphp/
β β βββ _advphp_additional-elements.scss // Styles for additional PHP elements
β β βββ _advphp_comments.scss // Styles for Advanced PHP comments
β β βββ _advphp_control-structures.scss // Styles for control structures (if, else, etc.)
β β βββ _advphp_curl.scss // Styles for cURL keywords
β β βββ _advphp_error-handling.scss // Styles for error handling (try, catch, throw)
β β βββ _advphp_functions.scss // Styles for Advanced PHP functions
β β βββ _advphp_keywords.scss // Styles for Advanced PHP keywords
β β βββ _advphp_magic-constants.scss // Styles for magic constants (e.g., __CLASS__)
β β βββ _advphp_namespace.scss // Styles for Advanced PHP namespaces
β β βββ _advphp_objects.scss // Styles for Advanced PHP objects
β β βββ _advphp_sql.scss // Styles for SQL keywords
β β βββ _advphp_statics.scss // Styles for Advanced PHP statics
β β βββ _advphp_strings.scss // Styles for Advanced PHP strings
β β βββ _advphp_syntax.scss // Styles for Advanced PHP syntax
β β βββ _advphp_variables.scss // Styles for Advanced PHP variables
β β βββ _advphp_wordpress.scss // Styles for WordPress keywords
β β
β βββ syntax/
β β βββ _brackets.scss // Styles for brackets
β β βββ _cdata.scss // Styles for CDATA sections
β β βββ _comments.scss // Styles for syntax comments
β β βββ _declarations.scss // Styles for declarations
β β βββ _definitions.scss // Styles for definitions (classes, functions, etc.)
β β βββ _identifiers.scss // Styles for identifiers (variables, functions, etc.)
β β βββ _invalid.scss // Styles for invalid syntax
β β βββ _keywords.scss // Styles for syntax keywords
β β βββ _markup.scss // Styles for markup (non-tag elements)
β β βββ _operators.scss // Styles for operators
β β βββ _processing.scss // Styles for processing directives
β β βββ _regex.scss // Styles for regex
β β βββ _strings.scss // Styles for strings
β β βββ _style.scss // Styles for stylesheet elements (CSS selectors, properties)
β β βββ _tags.scss // Styles for markup tags (HTML, XML)
β β βββ _values.scss // Styles for values (numbers, booleans, etc.)
β βββ syntax/
β β
β βββ terminal/
β β βββ _terminal.scss // Styles for terminal elements using ANSI color codes
β βββ themes/
β β βββ LangelerNova.css // The compiled CSS theme file
β
βββ main.scss // Main SCSS file that imports all the other SCSS files
Explanation
The LangelerNova/
directory contains all the SCSS files structured into various subdirectories. Here's a brief explanation:
-
colors/: This directory contains SCSS files that define color schemes for various elements across different sections of the application, including the interface, terminal, syntax highlighting, and specific languages like Advanced PHP.
-
dist/: This directory contains pre compiled CSS files based on the overall SCSS structure.
-
sections/: This directory contains SCSS files that define styles for different sections of the application, such as the interface, terminal, and syntax highlighting. It also includes specific styles for Advanced PHP.
-
main.scss: This is the main SCSS file that imports all the other SCSS files. It serves as the entry point for compiling the SCSS into CSS.
Subdirectories
-
interface/: Contains color and style definitions for interface elements like windows, buttons, textfields, and document-related elements.
-
terminal/: Contains color and style definitions for terminal elements, using ANSI color codes.
-
syntax/: Contains color and style definitions for syntax highlighting, including elements like keywords, comments, strings, and more.
-
languages/advphp/: Contains specific SCSS files for Advanced PHP, defining colors and styles.
Screenshots
Screenshot with the Advanced PHP Syntax
Screenshot with the Regular PHP Syntax Showing Functions, Superglobals, and Various Kinds of Variables
Screenshot with the Regular PHP Syntax Showing Classes, Namespaces, and Properties
Contribution
We welcome contributions to the LangelerNova Theme! Whether you're fixing bugs, adding new features, or improving the documentation, your help is appreciated. Please follow these steps to contribute:
- Fork the Repository: Click the "Fork" button at the top right of this page to create a copy of this repository in your GitHub account.
- Clone Your Fork:
bash git clone https://github.com/your-username/LangelerNova-Theme.git
- Create a New Branch:
bash git checkout -b feature-or-bugfix-branch
- Make Your Changes: Edit the files in your branch.
- Commit Your Changes:
bash git commit -m "Describe your changes"
- Push to Your Fork:
bash git push origin feature-or-bugfix-branch
- Submit a Pull Request: Go to the original repository and submit a pull request.
License
This project is licensed under the MIT License - see the LICENSE file for details. ```
Release Notes
Version 1.0
Initial release