docs: Clean-up

Author: 06Games

src/scss/config/_bootstrap-overrides.scss

@@ -1,12 +1,13 @@
-// ==========================================================================
-// Bootstrap 5.3 Variable Overrides — Argon Light Theme
-// ==========================================================================
-// Only variables that DIFFER from Bootstrap 5.3 defaults.
-// Requires bootstrap/scss/functions to be loaded first.
-// Requires config/theme-variables to be loaded first.
-//
-// Organization follows Bootstrap's _variables.scss structure.
-// ==========================================================================
+/*! ********************************************
+                Argon Light Theme
+             Originally made by jchue
+  Under the Internet Systems Consortium License
+  https://github.com/jchue/argon-webtrees-theme
+
+       Forked and maintained by Evan Galli
+             Under the same licence
+ https://github.com/06Games/Webtrees-ArgonLight
+************************************************/
 
 $prefix: "bs-";
 
@@ -19,11 +20,11 @@ $primary: $blue;
 $secondary: $gray-200;
 $tertiary: $gray-300;
 $success: $green;
-$info: $teal; // Argon uses Teal for Info, not Cyan
-$warning: $yellow; // Argon uses Yellow for Warning, not Orange
+$info: $teal;
+$warning: $yellow;
 $danger: $red;
 $light: $gray-100;
-$dark: #172b4d; // Argon specific "Dark Blue" used for text/nav
+$dark: #172b4d;
 
 // Theme Colors Map
 $theme-colors: (
@@ -52,7 +53,6 @@ $enable-shadows: true;
 // Spacing
 // ---------------------------------------------------------------------------
 
-// Extended spacers (Bootstrap provides 0–5, Argon adds 6–12)
 $spacer: 1rem !default;
 $spacers: (
   0: 0,
@@ -103,12 +103,12 @@ $font-family-sans-serif: "Open Sans", sans-serif;
 $font-weight-bold: 600;
 $font-weight-bolder: 700;
 
-$small-font-size: .8em; // BS default: .875em
-$h1-font-size: 3rem; // BS default: 2.5rem
-$h2-font-size: 2.25rem; // BS default: 2rem
-$h3-font-size: 1.875rem; // BS default: 1.75rem
+$small-font-size: .8em;
+$h1-font-size: 3rem; 
+$h2-font-size: 2.25rem; 
+$h3-font-size: 1.875rem; 
 
-$headings-font-weight: 400; // BS default: 500
+$headings-font-weight: 400; 
 $headings-color: $h-color;
 
 
@@ -127,30 +127,30 @@ $table-border-color: $gray-200;
 // Buttons
 // ---------------------------------------------------------------------------
 
-$btn-padding-y: .625rem; // BS default: .375rem
-$btn-padding-x: 1.25rem; // BS default: .75rem
-$btn-font-size: .875rem; // BS default: 1rem
-$btn-font-weight: 700; // BS default: 400
+$btn-padding-y: .625rem; 
+$btn-padding-x: 1.25rem; 
+$btn-font-size: .875rem; 
+$btn-font-weight: 700; 
 
 $btn-padding-y-sm: .5rem;
-$btn-padding-x-sm: 2rem; // BS default: .5rem
+$btn-padding-x-sm: 2rem;
 $btn-font-size-sm: .75rem;
 
 $btn-padding-y-lg: .875rem;
-$btn-padding-x-lg: 4rem; // BS default: 1rem
+$btn-padding-x-lg: 4rem;
 $btn-font-size-lg: .875rem;
 
 $btn-box-shadow: 0 4px 6px rgba(50, 50, 93, .1), 0 1px 3px rgba(0, 0, 0, .08);
 $btn-focus-box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
 $btn-active-box-shadow: none;
 
-$btn-border-radius: $border-radius-md; // .5rem (BS default: .375rem)
+$btn-border-radius: $border-radius-md;
 $btn-border-radius-sm: .25rem;
 $btn-border-radius-lg: .75rem;
 
 $btn-transition: all .15s ease-in;
 
-$btn-close-color: #fff; // BS default: #000
+$btn-close-color: #fff;
 
 
 // ---------------------------------------------------------------------------
@@ -163,10 +163,10 @@ $form-label-color: $dark;
 
 $input-padding-y: .5rem;
 $input-padding-x: .75rem;
-$input-font-size: .875rem; // BS default: 1rem
+$input-font-size: .875rem;
 $input-line-height: 1.4rem;
 
-$input-color: #495057; // $gray-700
+$input-color: $gray-700;
 $input-border-color: #d2d6da;
 $input-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 
@@ -175,10 +175,10 @@ $input-border-radius-sm: $border-radius-md;
 $input-border-radius-lg: $border-radius-md;
 
 $input-focus-border-color: $primary;
-$input-focus-width: 2px; // BS default: .25rem
+$input-focus-width: 2px;
 $input-focus-box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .10);
 
-$input-placeholder-color: #adb5bd; // $gray-500
+$input-placeholder-color: $gray-500;
 
 $form-switch-color: rgba(0, 0, 0, 1);
 $form-switch-bg-image: none;
@@ -204,8 +204,8 @@ $nav-pills-border-radius: 0.75rem;
 $nav-pills-link-active-color: $white;
 $nav-pills-link-active-bg: $dark;
 
-$navbar-dark-color: rgba(#fff, .85); // BS default: .55
-$navbar-dark-hover-color: rgba(#fff, .75); // BS default: .75
+$navbar-dark-color: rgba(#fff, .85);
+$navbar-dark-hover-color: rgba(#fff, .75);
 
 $navbar-light-color: $white;
 $navbar-light-hover-color: rgba($white, .7);
@@ -218,7 +218,7 @@ $navbar-light-disabled-color: rgba($white, .3);
 
 $tooltip-border-radius: $border-radius-md;
 
-$popover-font-size: $font-size-xs; // .75rem (BS default: .875rem)
+$popover-font-size: $font-size-xs;
 $popover-border-width: 0;
 $popover-border-radius: .75rem;
 
@@ -246,7 +246,7 @@ $alert-border-radius: $border-radius-md;
 // Progress
 // ---------------------------------------------------------------------------
 
-$progress-height: 8px; // BS default: 1rem
+$progress-height: 8px;
 $progress-border-radius: $border-radius-md;
 
 

src/scss/config/_theme-variables.scss

@@ -1,31 +1,32 @@
-// ==========================================================================
-// Theme-Specific Custom Variables — Argon Light
-// ==========================================================================
-// Variables that are NOT part of Bootstrap's API. These define the
-// Argon Light theme's own design tokens, used in theme.scss styles.
-// Imported BEFORE _bootstrap-overrides.scss so they can be referenced there.
-// ==========================================================================
+/*! ********************************************
+                Argon Light Theme
+             Originally made by jchue
+  Under the Internet Systems Consortium License
+  https://github.com/jchue/argon-webtrees-theme
+
+       Forked and maintained by Evan Galli
+             Under the same licence
+ https://github.com/06Games/Webtrees-ArgonLight
+************************************************/
 
 @use "sass:color";
 
 // ---------------------------------------------------------------------------
 // Custom Color Foundation
 // ---------------------------------------------------------------------------
-// Used as the basis for $body-color, $headings-color, dropdown link colors,
-// and other Bootstrap overrides.
 
-$font-color: #67748e !default; // Muted body text
-$h-color: #344767 !default; // Heading text
+$font-color: #67748e !default;
+$h-color: #344767 !default;
 
 $white: #fff;
 $gray-100: #f6f9fc;
 $gray-200: #e9ecef;
 $gray-300: #dee2e6;
 $gray-400: #ced4da;
 $gray-500: #adb5bd;
-$gray-600: #8898aa; // Line footer color
-$gray-700: #525f7f; // Line p color
-$gray-800: #32325d; // Line heading color
+$gray-600: #8898aa;
+$gray-700: #525f7f;
+$gray-800: #32325d;
 $gray-900: #212529;
 $black: #000;
 
@@ -65,7 +66,6 @@ $header-breakpoint: xxl;
 // ---------------------------------------------------------------------------
 // Argon Gradient Colors
 // ---------------------------------------------------------------------------
-// Used for gradient backgrounds, text gradients, and form-check styling.
 
 $primary-gradient: #5e72e4 !default;
 $primary-gradient-state: #825ee4 !default;
@@ -91,7 +91,6 @@ $dark-gradient-state: #212529 !default;
 $light-gradient: #CED4DA !default;
 $light-gradient-state: #EBEFF4 !default;
 
-// Gradient map
 $theme-gradient-colors: (
   "primary": ($primary-gradient, $primary-gradient-state),
   "secondary": ($secondary-gradient, $secondary-gradient-state),
@@ -103,21 +102,21 @@ $theme-gradient-colors: (
   "dark": ($dark-gradient, $dark-gradient-state)) !default;
 
 // ---------------------------------------------------------------------------
-// Extended Font Sizes (not in Bootstrap)
+// Extended Font Sizes
 // ---------------------------------------------------------------------------
 
 $font-size-xxs: .65rem !default;
 $font-size-xs: .75rem !default;
 
 // ---------------------------------------------------------------------------
-// Extended Box Shadows (not in Bootstrap)
+// Extended Box Shadows
 // ---------------------------------------------------------------------------
 
 $box-shadow-xs: 0 1px 3px #32325d26,0 1px #00000005 !default;
 $box-shadow-xl: 0 23px 45px -11px rgba(20, 20, 20, .25) !default;
 
 // ---------------------------------------------------------------------------
-// Extended Border Radii (not in Bootstrap)
+// Extended Border Radii
 // ---------------------------------------------------------------------------
 
 $border-radius-xs: .125rem !default;