Skip to content

DigitalEntryPoint/rtl-browser-extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RTL Browser Extension

A browser extension that changes text direction to RTL (Right-to-Left) and applies custom fonts to web pages on a per-domain basis.

Features

  • RTL Direction Switch: Changes text direction to right-to-left for paragraphs, headings, and elements with the "paragraph" class
  • Tahoma Font Switch: Changes the font to Tahoma
  • Combined Mode: Applies both RTL direction and Tahoma font together
  • Per-Domain Settings: Settings are saved separately for each domain and automatically applied when you revisit
  • Modern UI: Beautiful switch-style checkboxes with a clean interface

Installation

Chrome/Edge/Brave:

  1. Open your browser and go to the extensions page:
    • Chrome: chrome://extensions/
    • Edge: edge://extensions/
    • Brave: brave://extensions/
  2. Enable "Developer mode" (toggle in the top right)
  3. Click "Load unpacked"
  4. Select the extension folder (rtl-browser-extension)

Firefox:

  1. Open Firefox and go to about:debugging
  2. Click "This Firefox"
  3. Click "Load Temporary Add-on"
  4. Select the manifest.json file from the extension folder

Usage

  1. Navigate to any website
  2. Click the extension icon in your browser toolbar
  3. Toggle the switches:
    • RTL Direction: Applies right-to-left text direction
    • Tahoma Font: Changes font to Tahoma
    • Both: Applies both RTL and Tahoma together
  4. Settings are automatically saved for the current domain
  5. When you revisit the domain, settings will be automatically applied

How It Works

The extension:

  • Targets <p>, <h1> through <h6>, and elements with class paragraph
  • Saves settings per domain using Chrome's storage API
  • Automatically applies saved settings when you visit a page
  • Monitors DOM changes to apply settings to dynamically added content

Files Structure

  • manifest.json - Extension configuration
  • popup.html - Extension popup interface
  • popup.js - Popup logic and settings management
  • content.js - Content script that modifies page elements
  • styles.css - Popup styling
  • icons/ - Extension icons

Notes

  • Settings are domain-specific (e.g., settings for google.com won't affect youtube.com)
  • The extension works on all websites
  • You can only enable one mode at a time (switches are mutually exclusive when appropriate)

About

A browser extension that changes text direction to RTL (Right-to-Left) and applies custom fonts to web pages on a per-domain basis.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published