]> BookStack Code Mirror - bookstack/commitdiff
Rolled out use of seperate link color style
authorDan Brown <redacted>
Sat, 28 Jan 2023 16:06:11 +0000 (16:06 +0000)
committerDan Brown <redacted>
Sat, 28 Jan 2023 16:06:11 +0000 (16:06 +0000)
41 files changed:
resources/js/components/setting-app-color-picker.js
resources/js/components/tabs.js
resources/lang/en/settings.php
resources/sass/_buttons.scss
resources/sass/_colors.scss
resources/sass/_components.scss
resources/sass/_forms.scss
resources/sass/_text.scss
resources/sass/_variables.scss
resources/sass/styles.scss
resources/views/attachments/manager-list.blade.php
resources/views/books/index.blade.php
resources/views/books/parts/convert-to-shelf.blade.php
resources/views/books/parts/form.blade.php
resources/views/books/show.blade.php
resources/views/chapters/copy.blade.php
resources/views/chapters/parts/convert-to-book.blade.php
resources/views/chapters/parts/form.blade.php
resources/views/chapters/show.blade.php
resources/views/entities/favourite-action.blade.php
resources/views/entities/view-toggle.blade.php
resources/views/form/entity-permissions-row.blade.php
resources/views/home/books.blade.php
resources/views/home/default.blade.php
resources/views/home/shelves.blade.php
resources/views/home/specific-page.blade.php
resources/views/layouts/tri.blade.php
resources/views/mfa/parts/setup-method-row.blade.php
resources/views/pages/copy.blade.php
resources/views/pages/parts/editor-toolbar.blade.php
resources/views/pages/parts/form.blade.php
resources/views/pages/parts/image-manager-list.blade.php
resources/views/pages/parts/revisions-index-row.blade.php
resources/views/pages/show.blade.php
resources/views/settings/recycle-bin/index.blade.php
resources/views/settings/roles/parts/asset-permissions-row.blade.php
resources/views/settings/roles/parts/form.blade.php
resources/views/settings/roles/parts/related-asset-permissions-row.blade.php
resources/views/shelves/index.blade.php
resources/views/shelves/parts/form.blade.php
resources/views/shelves/show.blade.php

index 68e5abce5a2d8fddb670a9b8a5ee2c482490a3d8..f167e5fc9e71b677dd768a8b0b3414e164a5758d 100644 (file)
@@ -3,6 +3,7 @@ import {Component} from "./component";
 export class SettingAppColorPicker extends Component {
 
     setup() {
 export class SettingAppColorPicker extends Component {
 
     setup() {
+        // TODO
         this.colorInput = this.$refs.input;
         this.lightColorInput = this.$refs.lightInput;
 
         this.colorInput = this.$refs.input;
         this.lightColorInput = this.$refs.lightInput;
 
index ebab4191c105c97e656880136a4ec64c146ef957..6d48048b55ef9a3ec7647df891e51dcba095c859 100644 (file)
@@ -42,6 +42,8 @@ export class Tabs extends Component {
             const selected = tabSection === sectionId;
             tab.setAttribute('aria-selected', selected ? 'true' : 'false');
         }
             const selected = tabSection === sectionId;
             tab.setAttribute('aria-selected', selected ? 'true' : 'false');
         }
+
+        this.$emit('change', {section: sectionId});
     }
 
 }
\ No newline at end of file
     }
 
 }
\ No newline at end of file
index f9abadc0c32abfe5d6b66f4bf06356e60239132a..90ad311a718855e38710a322de071ab91bd2c7df 100755 (executable)
@@ -53,7 +53,7 @@ return [
     'color_scheme_desc' => 'Set the colors to use in the BookStack interface. Colors can be configured separately for dark and light mode to best fit the theme and ensure legibility.',
     'ui_colors_desc' => 'Set the primary and link colors used in BookStack. The primary color is mainly used for the header banner, buttons and UI decorations, in addition to a few other components.',
     'app_color' => 'Primary Color',
     'color_scheme_desc' => 'Set the colors to use in the BookStack interface. Colors can be configured separately for dark and light mode to best fit the theme and ensure legibility.',
     'ui_colors_desc' => 'Set the primary and link colors used in BookStack. The primary color is mainly used for the header banner, buttons and UI decorations, in addition to a few other components.',
     'app_color' => 'Primary Color',
-    'link_color' => 'Link Color',
+    'link_color' => 'Default Link Color',
     'content_colors_desc' => 'Set colors for all elements in the page organisation hierarchy. Choosing colors with a similar brightness to the default colors is recommended for readability.',
     'bookshelf_color' => 'Shelf Color',
     'book_color' => 'Book Color',
     'content_colors_desc' => 'Set colors for all elements in the page organisation hierarchy. Choosing colors with a similar brightness to the default colors is recommended for readability.',
     'bookshelf_color' => 'Shelf Color',
     'book_color' => 'Book Color',
index fb3af06e869e4698b8ca1dea50be39f02460f33c..3c6775ad50afadb228a2b47540099831d5c19be0 100644 (file)
@@ -25,7 +25,6 @@ button {
   text-transform: uppercase;
   border: 1px solid var(--color-primary);
   vertical-align: top;
   text-transform: uppercase;
   border: 1px solid var(--color-primary);
   vertical-align: top;
-  @include lightDark(filter, none, saturate(0.8) brightness(0.8));
   &:hover, &:focus, &:active {
     background-color: var(--color-primary);
     text-decoration: none;
   &:hover, &:focus, &:active {
     background-color: var(--color-primary);
     text-decoration: none;
@@ -85,10 +84,7 @@ button {
   user-select: none;
   font-size: 0.75rem;
   line-height: 1.4em;
   user-select: none;
   font-size: 0.75rem;
   line-height: 1.4em;
-  color: var(--color-primary);
-  @include whenDark {
-    color: #AAA;
-  }
+  color: var(--color-link);
   &:active {
     outline: 0;
   }
   &:active {
     outline: 0;
   }
@@ -96,8 +92,8 @@ button {
     text-decoration: none;
   }
   &:hover, &:focus {
     text-decoration: none;
   }
   &:hover, &:focus {
-    color: var(--color-primary);
-    fill: var(--color-primary);
+    color: var(--color-link);
+    fill: var(--color-link);
   }
 }
 .text-button.hover-underline:hover {
   }
 }
 .text-button.hover-underline:hover {
index c51f0165922b3c274e200fa79585a2ca246dc158..aff9ff6d05917ee3722483f045245832240000fc 100644 (file)
@@ -9,11 +9,14 @@
   background-color: var(--color-primary-light);
   @include whenDark {
     background: #000;
   background-color: var(--color-primary-light);
   @include whenDark {
     background: #000;
-    .text-primary {
+    .text-link {
       color: #AAA !important;
     }
   }
 }
       color: #AAA !important;
     }
   }
 }
+.link-background {
+  background-color: var(--color-link) !important;
+}
 
 /*
  * Status text colors
 
 /*
  * Status text colors
   fill: var(--color-primary) !important;
 }
 
   fill: var(--color-primary) !important;
 }
 
+.text-link, .text-link:hover, .text-link-hover:hover  {
+  color: var(--color-link) !important;
+  fill: var(--color-link) !important;
+}
+
 .text-muted {
   @include lightDark(color, #575757, #888888, true);
   fill: currentColor !important;
 .text-muted {
   @include lightDark(color, #575757, #888888, true);
   fill: currentColor !important;
index c8ecd438dde5e7a4692e91e08fbcfa7da80abedb..2150f6d073c9afe81afdedc88cbf0f27a0171285 100644 (file)
@@ -626,8 +626,8 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
   border-bottom: 2px solid transparent;
   margin-bottom: -1px;
   &[aria-selected="true"] {
   border-bottom: 2px solid transparent;
   margin-bottom: -1px;
   &[aria-selected="true"] {
-    color: var(--color-primary) !important;
-    border-bottom-color: var(--color-primary) !important;
+    color: var(--color-link) !important;
+    border-bottom-color: var(--color-link) !important;
   }
   &:hover, &:focus {
     @include lightDark(color, rgba(0, 0, 0, .8), rgba(255, 255, 255, .8));
   }
   &:hover, &:focus {
     @include lightDark(color, rgba(0, 0, 0, .8), rgba(255, 255, 255, .8));
index ef14f62210f5460ef9fc94e8273482f82e433abd..b7fc52f7dbdc38793505469653c61293359bdbf8 100644 (file)
@@ -258,7 +258,6 @@ input[type=color] {
     border-radius: 2px;
     display: inline-block;
     border: 2px solid currentColor;
     border-radius: 2px;
     display: inline-block;
     border: 2px solid currentColor;
-    opacity: 0.6;
     overflow: hidden;
     fill: currentColor;
     .svg-icon {
     overflow: hidden;
     fill: currentColor;
     .svg-icon {
index 6c68bd12b08b285af52fbfe2591feee9f7e4a8fc..edf8ce6144c9d7e2171adf25faf5a8668c985e56 100644 (file)
@@ -90,7 +90,7 @@ h2.list-heading {
  * Link styling
  */
 a {
  * Link styling
  */
 a {
-  color: var(--color-primary);
+  color: var(--color-link);
   fill: currentColor;
   cursor: pointer;
   text-decoration: none;
   fill: currentColor;
   cursor: pointer;
   text-decoration: none;
@@ -107,7 +107,7 @@ a {
     display: inline-block;
   }
   &:focus img:only-child {
     display: inline-block;
   }
   &:focus img:only-child {
-    outline: 2px dashed var(--color-primary);
+    outline: 2px dashed var(--color-link);
     outline-offset: 2px;
   }
 }
     outline-offset: 2px;
   }
 }
index e1242bddaf8a6b93d243de84d6822ca9453178cc..aac9223f9ff4e268155a1c9106758b4ae0524a82 100644 (file)
@@ -39,6 +39,7 @@ $fs-s: 12px;
 :root {
   --color-primary: #206ea7;
   --color-primary-light: rgba(32,110,167,0.15);
 :root {
   --color-primary: #206ea7;
   --color-primary-light: rgba(32,110,167,0.15);
+  --color-link: #206ea7;
 
   --color-page: #206ea7;
   --color-page-draft: #7e50b1;
 
   --color-page: #206ea7;
   --color-page-draft: #7e50b1;
index e50a2f96a20dc755a51013ffdacaad302d1f42a5..668cb5c8507cdfb9a3393e453e305e3336829029 100644 (file)
@@ -113,7 +113,7 @@ $loadingSize: 10px;
   &:focus {
     top: $-xl;
     outline-offset: -10px;
   &:focus {
     top: $-xl;
     outline-offset: -10px;
-    outline: 2px dotted var(--color-primary);
+    outline: 2px dotted var(--color-link);
   }
 }
 
   }
 }
 
index ebb1c24aadf4eca14effc513f10d8c34dc406518..f1dfe2b821a62cc4929f6a9793f967b0487b94d5 100644 (file)
                         option:event-emit-select:name="insert"
                         type="button"
                         title="{{ trans('entities.attachments_insert_link') }}"
                         option:event-emit-select:name="insert"
                         type="button"
                         title="{{ trans('entities.attachments_insert_link') }}"
-                        class="drag-card-action text-center text-primary">@icon('link')                 </button>
+                        class="drag-card-action text-center text-link">@icon('link')                 </button>
                 <button component="event-emit-select"
                         option:event-emit-select:name="edit"
                         option:event-emit-select:id="{{ $attachment->id }}"
                         type="button"
                         title="{{ trans('common.edit') }}"
                 <button component="event-emit-select"
                         option:event-emit-select:name="edit"
                         option:event-emit-select:id="{{ $attachment->id }}"
                         type="button"
                         title="{{ trans('common.edit') }}"
-                        class="drag-card-action text-center text-primary">@icon('edit')</button>
+                        class="drag-card-action text-center text-link">@icon('edit')</button>
                 <div component="dropdown" class="flex-fill relative">
                     <button refs="dropdown@toggle"
                             type="button"
                 <div component="dropdown" class="flex-fill relative">
                     <button refs="dropdown@toggle"
                             type="button"
@@ -28,7 +28,7 @@
                             class="drag-card-action text-center text-neg">@icon('close')</button>
                     <div refs="dropdown@menu" class="dropdown-menu">
                         <p class="text-neg small px-m mb-xs">{{ trans('entities.attachments_delete') }}</p>
                             class="drag-card-action text-center text-neg">@icon('close')</button>
                     <div refs="dropdown@menu" class="dropdown-menu">
                         <p class="text-neg small px-m mb-xs">{{ trans('entities.attachments_delete') }}</p>
-                        <button refs="ajax-delete-row@delete" type="button" class="text-primary small delete text-item">{{ trans('common.confirm') }}</button>
+                        <button refs="ajax-delete-row@delete" type="button" class="text-link small delete text-item">{{ trans('common.confirm') }}</button>
                     </div>
                 </div>
             </div>
                     </div>
                 </div>
             </div>
index dc51a3a80af86cac004f03fb76335aec4af6b6ac..bf9795b3ae448b61e02b76f8ce7f7c06782143f7 100644 (file)
@@ -35,7 +35,7 @@
 
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
 
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
-        <div class="icon-list text-primary">
+        <div class="icon-list text-link">
             @if(user()->can('book-create-all'))
                 <a href="{{ url("/create-book") }}" data-shortcut="new" class="icon-list-item">
                     <span>@icon('add')</span>
             @if(user()->can('book-create-all'))
                 <a href="{{ url("/create-book") }}" data-shortcut="new" class="icon-list-item">
                     <span>@icon('add')</span>
index dde60aac05ff71aa44bd9ef36f3094cb4e7195df..2e52b310b61d21555ffcb4f0dd5a46a45b2fa004 100644 (file)
@@ -17,7 +17,7 @@
                 <li>
                     <form action="{{ $book->getUrl('/convert-to-shelf') }}" method="POST">
                         {!! csrf_field() !!}
                 <li>
                     <form action="{{ $book->getUrl('/convert-to-shelf') }}" method="POST">
                         {!! csrf_field() !!}
-                        <button type="submit" class="text-primary text-item">{{ trans('common.confirm') }}</button>
+                        <button type="submit" class="text-link text-item">{{ trans('common.confirm') }}</button>
                     </form>
                 </li>
             </ul>
                     </form>
                 </li>
             </ul>
index e893bceadc55e10acf2a5b986cf9fcdceb6fe98f..56d385c9e2a936065eb27c28e677e32ea84b1dcf 100644 (file)
@@ -11,7 +11,7 @@
 </div>
 
 <div class="form-group collapsible" component="collapsible" id="logo-control">
 </div>
 
 <div class="form-group collapsible" component="collapsible" id="logo-control">
-    <button refs="collapsible@trigger" type="button" class="collapse-title text-primary" aria-expanded="false">
+    <button refs="collapsible@trigger" type="button" class="collapse-title text-link" aria-expanded="false">
         <label>{{ trans('common.cover_image') }}</label>
     </button>
     <div refs="collapsible@content" class="collapse-content">
         <label>{{ trans('common.cover_image') }}</label>
     </button>
     <div refs="collapsible@content" class="collapse-content">
@@ -27,7 +27,7 @@
 </div>
 
 <div class="form-group collapsible" component="collapsible" id="tags-control">
 </div>
 
 <div class="form-group collapsible" component="collapsible" id="tags-control">
-    <button refs="collapsible@trigger" type="button" class="collapse-title text-primary" aria-expanded="false">
+    <button refs="collapsible@trigger" type="button" class="collapse-title text-link" aria-expanded="false">
         <label for="tag-manager">{{ trans('entities.book_tags') }}</label>
     </button>
     <div refs="collapsible@content" class="collapse-content">
         <label for="tag-manager">{{ trans('entities.book_tags') }}</label>
     </button>
     <div refs="collapsible@content" class="collapse-content">
index 884082456b6c10dc39e05948590367349112c24f..8bb41c18b8f0a64b1e89000305fd79312ac01e29 100644 (file)
@@ -91,7 +91,7 @@
 
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
 
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
-        <div class="icon-list text-primary">
+        <div class="icon-list text-link">
 
             @if(userCan('page-create', $book))
                 <a href="{{ $book->getUrl('/create-page') }}" data-shortcut="new" class="icon-list-item">
 
             @if(userCan('page-create', $book))
                 <a href="{{ $book->getUrl('/create-page') }}" data-shortcut="new" class="icon-list-item">
index 3fd5de1ff03b3d07eae362cca4c193f9606b1ff2..6c394716b0ddf840d172959a9aac1bee0c349e77 100644 (file)
@@ -28,7 +28,7 @@
                 </div>
 
                 <div class="form-group" collapsible>
                 </div>
 
                 <div class="form-group" collapsible>
-                    <button type="button" class="collapse-title text-primary" collapsible-trigger aria-expanded="false">
+                    <button type="button" class="collapse-title text-link" collapsible-trigger aria-expanded="false">
                         <label for="entity_selection">{{ trans('entities.pages_copy_desination') }}</label>
                     </button>
                     <div class="collapse-content" collapsible-content>
                         <label for="entity_selection">{{ trans('entities.pages_copy_desination') }}</label>
                     </button>
                     <div class="collapse-content" collapsible-content>
index 516d1117a57ee14bb2d4f0c9be7dad6081eead3a..3bda32779f5fd2645fa74454d02415030d208be0 100644 (file)
@@ -18,7 +18,7 @@
                     <li>
                         <form action="{{ $chapter->getUrl('/convert-to-book') }}" method="POST">
                             {!! csrf_field() !!}
                     <li>
                         <form action="{{ $chapter->getUrl('/convert-to-book') }}" method="POST">
                             {!! csrf_field() !!}
-                            <button type="submit" class="text-primary text-item">{{ trans('common.confirm') }}</button>
+                            <button type="submit" class="text-link text-item">{{ trans('common.confirm') }}</button>
                         </form>
                     </li>
                 </ul>
                         </form>
                     </li>
                 </ul>
index 068c033ab90fb67864b56955e8b6f445b12bd109..8abcebe133aef9bb520f3033b72067ef2b7d223d 100644 (file)
@@ -12,7 +12,7 @@
 </div>
 
 <div class="form-group collapsible" component="collapsible" id="logo-control">
 </div>
 
 <div class="form-group collapsible" component="collapsible" id="logo-control">
-    <button refs="collapsible@trigger" type="button" class="collapse-title text-primary" aria-expanded="false">
+    <button refs="collapsible@trigger" type="button" class="collapse-title text-link" aria-expanded="false">
         <label for="tags">{{ trans('entities.chapter_tags') }}</label>
     </button>
     <div refs="collapsible@content" class="collapse-content">
         <label for="tags">{{ trans('entities.chapter_tags') }}</label>
     </button>
     <div refs="collapsible@content" class="collapse-content">
index d2f8cec97f7353548d948ba6fec308c6f6303a4c..de52888dda2f63eeee4b77fd4d61644d532cb912 100644 (file)
 
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
 
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
-        <div class="icon-list text-primary">
+        <div class="icon-list text-link">
 
             @if(userCan('page-create', $chapter))
                 <a href="{{ $chapter->getUrl('/create-page') }}" data-shortcut="new" class="icon-list-item">
 
             @if(userCan('page-create', $chapter))
                 <a href="{{ $chapter->getUrl('/create-page') }}" data-shortcut="new" class="icon-list-item">
index 24bd40950e87e7ee5560f4ea2d29a940ee033a84..35189044bda5a28497c3dd0a622c4b1475e41baa 100644 (file)
@@ -5,7 +5,7 @@
     {{ csrf_field() }}
     <input type="hidden" name="type" value="{{ get_class($entity) }}">
     <input type="hidden" name="id" value="{{ $entity->id }}">
     {{ csrf_field() }}
     <input type="hidden" name="type" value="{{ get_class($entity) }}">
     <input type="hidden" name="id" value="{{ $entity->id }}">
-    <button type="submit" data-shortcut="favourite" class="icon-list-item text-primary">
+    <button type="submit" data-shortcut="favourite" class="icon-list-item text-link">
         <span>@icon($isFavourite ? 'star' : 'star-outline')</span>
         <span>{{ $isFavourite ? trans('common.unfavourite') : trans('common.favourite') }}</span>
     </button>
         <span>@icon($isFavourite ? 'star' : 'star-outline')</span>
         <span>{{ $isFavourite ? trans('common.unfavourite') : trans('common.favourite') }}</span>
     </button>
index e376b878dda1c8f240e471279db8c005c05030af..7546e230f734224423d8caa3f82ffaef1ad405fb 100644 (file)
@@ -4,12 +4,12 @@
         {!! method_field('PATCH') !!}
 
         @if ($view === 'list')
         {!! method_field('PATCH') !!}
 
         @if ($view === 'list')
-            <button type="submit" name="view" value="grid" class="icon-list-item text-primary">
+            <button type="submit" name="view" value="grid" class="icon-list-item text-link">
                 <span class="icon">@icon('grid')</span>
                 <span>{{ trans('common.grid_view') }}</span>
             </button>
         @else
                 <span class="icon">@icon('grid')</span>
                 <span>{{ trans('common.grid_view') }}</span>
             </button>
         @else
-            <button type="submit" name="view" value="list" class="icon-list-item text-primary">
+            <button type="submit" name="view" value="list" class="icon-list-item text-link">
                 <span>@icon('list')</span>
                 <span>{{ trans('common.list_view') }}</span>
             </button>
                 <span>@icon('list')</span>
                 <span>{{ trans('common.list_view') }}</span>
             </button>
index 1cfb6ec981c356418e52ca1cf56f529d6e405474..6b515af867970075a35f71c496863eafc176ffac 100644 (file)
@@ -16,7 +16,7 @@ $inheriting - Boolean if the current row should be marked as inheriting default
         </span>
         @if($role->id !== 0)
             <button type="button"
         </span>
         @if($role->id !== 0)
             <button type="button"
-                class="ml-auto flex-none text-small text-primary text-button hover-underline item-list-row-toggle-all hide-under-s"
+                class="ml-auto flex-none text-small text-link text-button hover-underline item-list-row-toggle-all hide-under-s"
                 refs="permissions-table@toggle-all"
                 ><strong>{{ trans('common.toggle_all') }}</strong></button>
         @endif
                 refs="permissions-table@toggle-all"
                 ><strong>{{ trans('common.toggle_all') }}</strong></button>
         @endif
index 75d4ae14a9daa6b58d67334d73e5327eed11ccbe..95c0c9df239e0fd86f6a1c31b34c1113ec380d8d 100644 (file)
@@ -11,7 +11,7 @@
 @section('right')
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
 @section('right')
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
-        <div class="icon-list text-primary">
+        <div class="icon-list text-link">
             @if(user()->can('book-create-all'))
                 <a href="{{ url("/create-book") }}" class="icon-list-item">
                     <span>@icon('add')</span>
             @if(user()->can('book-create-all'))
                 <a href="{{ url("/create-book") }}" class="icon-list-item">
                     <span>@icon('add')</span>
@@ -19,8 +19,8 @@
                 </a>
             @endif
             @include('entities.view-toggle', ['view' => $view, 'type' => 'books'])
                 </a>
             @endif
             @include('entities.view-toggle', ['view' => $view, 'type' => 'books'])
-            @include('home.parts.expand-toggle', ['classes' => 'text-primary', 'target' => '.entity-list.compact .entity-item-snippet', 'key' => 'home-details'])
-            @include('common.dark-mode-toggle', ['classes' => 'icon-list-item text-primary'])
+            @include('home.parts.expand-toggle', ['classes' => 'text-link', 'target' => '.entity-list.compact .entity-item-snippet', 'key' => 'home-details'])
+            @include('common.dark-mode-toggle', ['classes' => 'icon-list-item text-link'])
         </div>
     </div>
 @stop
         </div>
     </div>
 @stop
index f6a337e5054d4bd7b978fc08c626253270d278ed..c273db276df964d8d30e9d2d462e93404f070c6b 100644 (file)
@@ -6,12 +6,12 @@
         <div class="grid half">
             <div>
                 <div class="icon-list inline block">
         <div class="grid half">
             <div>
                 <div class="icon-list inline block">
-                    @include('home.parts.expand-toggle', ['classes' => 'text-muted text-primary', 'target' => '.entity-list.compact .entity-item-snippet', 'key' => 'home-details'])
+                    @include('home.parts.expand-toggle', ['classes' => 'text-muted text-link', 'target' => '.entity-list.compact .entity-item-snippet', 'key' => 'home-details'])
                 </div>
             </div>
             <div class="text-m-right">
                 <div class="icon-list inline block">
                 </div>
             </div>
             <div class="text-m-right">
                 <div class="icon-list inline block">
-                    @include('common.dark-mode-toggle', ['classes' => 'text-muted icon-list-item text-primary'])
+                    @include('common.dark-mode-toggle', ['classes' => 'text-muted icon-list-item text-link'])
                 </div>
             </div>
         </div>
                 </div>
             </div>
         </div>
index fc99b915f3b3964722fcec359e3def557dace6b5..9699d6b96b513dfe41281f8582f07f66fa086354 100644 (file)
@@ -11,7 +11,7 @@
 @section('right')
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
 @section('right')
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
-        <div class="icon-list text-primary">
+        <div class="icon-list text-link">
             @if(user()->can('bookshelf-create-all'))
                 <a href="{{ url("/create-shelf") }}" class="icon-list-item">
                     <span>@icon('add')</span>
             @if(user()->can('bookshelf-create-all'))
                 <a href="{{ url("/create-shelf") }}" class="icon-list-item">
                     <span>@icon('add')</span>
@@ -19,8 +19,8 @@
                 </a>
             @endif
             @include('entities.view-toggle', ['view' => $view, 'type' => 'bookshelves'])
                 </a>
             @endif
             @include('entities.view-toggle', ['view' => $view, 'type' => 'bookshelves'])
-            @include('home.parts.expand-toggle', ['classes' => 'text-primary', 'target' => '.entity-list.compact .entity-item-snippet', 'key' => 'home-details'])
-            @include('common.dark-mode-toggle', ['classes' => 'icon-list-item text-primary'])
+            @include('home.parts.expand-toggle', ['classes' => 'text-link', 'target' => '.entity-list.compact .entity-item-snippet', 'key' => 'home-details'])
+            @include('common.dark-mode-toggle', ['classes' => 'icon-list-item text-link'])
         </div>
     </div>
 @stop
         </div>
     </div>
 @stop
index 5c8e65b251148f9cadb731b5cddce0bbb818f726..10ffe9629b64b3bc1b17316e7c40236b0459b17b 100644 (file)
@@ -19,9 +19,9 @@
 @section('right')
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
 @section('right')
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
-        <div class="icon-list text-primary">
-            @include('home.parts.expand-toggle', ['classes' => 'text-primary', 'target' => '.entity-list.compact .entity-item-snippet', 'key' => 'home-details'])
-            @include('common.dark-mode-toggle', ['classes' => 'icon-list-item text-primary'])
+        <div class="icon-list text-link">
+            @include('home.parts.expand-toggle', ['classes' => 'text-link', 'target' => '.entity-list.compact .entity-item-snippet', 'key' => 'home-details'])
+            @include('common.dark-mode-toggle', ['classes' => 'icon-list-item text-link'])
         </div>
     </div>
 @stop
\ No newline at end of file
         </div>
     </div>
 @stop
\ No newline at end of file
index e0f16321f083208218c822fbeb21cf56d2fc2000..14016830d4e04825da507af558b395e8ef7e0980 100644 (file)
@@ -11,7 +11,7 @@
                     refs="tri-layout@tab"
                     data-tab="info"
                     aria-label="{{ trans('common.tab_info_label') }}"
                     refs="tri-layout@tab"
                     data-tab="info"
                     aria-label="{{ trans('common.tab_info_label') }}"
-                    class="tri-layout-mobile-tab px-m py-m text-primary">
+                    class="tri-layout-mobile-tab px-m py-m text-link">
                 {{ trans('common.tab_info') }}
             </button>
             <button type="button"
                 {{ trans('common.tab_info') }}
             </button>
             <button type="button"
@@ -19,7 +19,7 @@
                     data-tab="content"
                     aria-label="{{ trans('common.tab_content_label') }}"
                     aria-selected="true"
                     data-tab="content"
                     aria-label="{{ trans('common.tab_content_label') }}"
                     aria-selected="true"
-                    class="tri-layout-mobile-tab px-m py-m text-primary active">
+                    class="tri-layout-mobile-tab px-m py-m text-link active">
                 {{ trans('common.tab_content') }}
             </button>
         </div>
                 {{ trans('common.tab_content') }}
             </button>
         </div>
index 271ec1bf48d5c35762f76bdff8c643f91fce6afa..b120284372433f365cdc0759482d2431b9a72dfc 100644 (file)
@@ -19,7 +19,7 @@
                     <form action="{{ url('/mfa/' . $method . '/remove') }}" method="post">
                         {{ csrf_field() }}
                         {{ method_field('delete') }}
                     <form action="{{ url('/mfa/' . $method . '/remove') }}" method="post">
                         {{ csrf_field() }}
                         {{ method_field('delete') }}
-                        <button class="text-primary small text-item">{{ trans('common.confirm') }}</button>
+                        <button class="text-link small text-item">{{ trans('common.confirm') }}</button>
                     </form>
                 </div>
             </div>
                     </form>
                 </div>
             </div>
index 9f249863a9f2be0f9e06668e6530e36e11d64eb9..0d153bdf515578e71bd18a69393ec33cce0f5909 100644 (file)
@@ -29,7 +29,7 @@
                 </div>
 
                 <div class="form-group" collapsible>
                 </div>
 
                 <div class="form-group" collapsible>
-                    <button type="button" class="collapse-title text-primary" collapsible-trigger aria-expanded="false">
+                    <button type="button" class="collapse-title text-link" collapsible-trigger aria-expanded="false">
                         <label for="entity_selection">{{ trans('entities.pages_copy_desination') }}</label>
                     </button>
                     <div class="collapse-content" collapsible-content>
                         <label for="entity_selection">{{ trans('entities.pages_copy_desination') }}</label>
                     </button>
                     <div class="collapse-content" collapsible-content>
index fa5cb7374eb31586db5d89a2e115f35f1400166b..c29e6de0e3ab22eb5f178cea08a9e8bc660c731c 100644 (file)
@@ -3,14 +3,14 @@
 
         <div class="action-buttons text-left px-m py-xs">
             <a href="{{ $isDraft ? $page->getParent()->getUrl() : $page->getUrl() }}"
 
         <div class="action-buttons text-left px-m py-xs">
             <a href="{{ $isDraft ? $page->getParent()->getUrl() : $page->getUrl() }}"
-               class="text-button text-primary">@icon('back')<span class="hide-under-l">{{ trans('common.back') }}</span></a>
+               class="text-button text-link">@icon('back')<span class="hide-under-l">{{ trans('common.back') }}</span></a>
         </div>
 
         <div class="text-center px-m">
             <div component="dropdown"
                  option:dropdown:move-menu="true"
                  class="dropdown-container draft-display text {{ $draftsEnabled ? '' : 'hidden' }}">
         </div>
 
         <div class="text-center px-m">
             <div component="dropdown"
                  option:dropdown:move-menu="true"
                  class="dropdown-container draft-display text {{ $draftsEnabled ? '' : 'hidden' }}">
-                <button type="button" refs="dropdown@toggle" aria-haspopup="true" aria-expanded="false" title="{{ trans('entities.pages_edit_draft_options') }}" class="text-primary text-button py-s px-m"><span refs="page-editor@draftDisplay" class="faded-text"></span>&nbsp; @icon('more')</button>
+                <button type="button" refs="dropdown@toggle" aria-haspopup="true" aria-expanded="false" title="{{ trans('entities.pages_edit_draft_options') }}" class="text-link text-button py-s px-m"><span refs="page-editor@draftDisplay" class="faded-text"></span>&nbsp; @icon('more')</button>
                 @icon('check-circle', ['class' => 'text-pos draft-notification svg-icon', 'refs' => 'page-editor@draftDisplayIcon'])
                 <ul refs="dropdown@menu" class="dropdown-menu" role="menu">
                     <li>
                 @icon('check-circle', ['class' => 'text-pos draft-notification svg-icon', 'refs' => 'page-editor@draftDisplayIcon'])
                 <ul refs="dropdown@menu" class="dropdown-menu" role="menu">
                     <li>
@@ -68,7 +68,7 @@
             <div component="dropdown"
                  option:dropdown:move-menu="true"
                  class="dropdown-container">
             <div component="dropdown"
                  option:dropdown:move-menu="true"
                  class="dropdown-container">
-                <button refs="dropdown@toggle" type="button" aria-haspopup="true" aria-expanded="false" class="text-primary text-button">@icon('edit') <span refs="page-editor@changelogDisplay">{{ trans('entities.pages_edit_set_changelog') }}</span></button>
+                <button refs="dropdown@toggle" type="button" aria-haspopup="true" aria-expanded="false" class="text-link text-button">@icon('edit') <span refs="page-editor@changelogDisplay">{{ trans('entities.pages_edit_set_changelog') }}</span></button>
                 <ul refs="dropdown@menu" class="wide dropdown-menu">
                     <li class="px-l py-m">
                         <p class="text-muted pb-s">{{ trans('entities.pages_edit_enter_changelog_desc') }}</p>
                 <ul refs="dropdown@menu" class="wide dropdown-menu">
                     <li class="px-l py-m">
                         <p class="text-muted pb-s">{{ trans('entities.pages_edit_enter_changelog_desc') }}</p>
@@ -82,7 +82,7 @@
                 <span>{{-- Prevents button jumping on menu show --}}</span>
             </div>
 
                 <span>{{-- Prevents button jumping on menu show --}}</span>
             </div>
 
-            <button type="submit" id="save-button" class="float-left text-primary text-button text-pos-hover hide-under-m">@icon('save')<span>{{ trans('entities.pages_save') }}</span></button>
+            <button type="submit" id="save-button" class="float-left text-link text-button text-pos-hover hide-under-m">@icon('save')<span>{{ trans('entities.pages_save') }}</span></button>
         </div>
     </div>
 </div>
\ No newline at end of file
         </div>
     </div>
 </div>
\ No newline at end of file
index 8da5cbf39887af42f3ca1a172e411bfdf2c4b95b..a3a118527ebbd0352465f31b7ce1e3e919250d5a 100644 (file)
@@ -44,7 +44,7 @@
     <button type="submit"
             id="save-button-mobile"
             title="{{ trans('entities.pages_save') }}"
     <button type="submit"
             id="save-button-mobile"
             title="{{ trans('entities.pages_save') }}"
-            class="text-primary text-button hide-over-m page-save-mobile-button">@icon('save')</button>
+            class="text-link text-button hide-over-m page-save-mobile-button">@icon('save')</button>
 
     {{--Editor Change Dialog--}}
     @component('common.confirm-dialog', ['title' => trans('entities.pages_editor_switch_title'), 'ref' => 'page-editor@switchDialog'])
 
     {{--Editor Change Dialog--}}
     @component('common.confirm-dialog', ['title' => trans('entities.pages_editor_switch_title'), 'ref' => 'page-editor@switchDialog'])
index e5562e10f0f672fcf8ac546e57e4e22488bdcc7c..22fe7adddb69b2ebb599a24c31dab2ab7a6f9c7e 100644 (file)
@@ -3,7 +3,7 @@
     <div component="event-emit-select"
          option:event-emit-select:name="image"
          option:event-emit-select:data="{{ json_encode($image) }}"
     <div component="event-emit-select"
          option:event-emit-select:name="image"
          option:event-emit-select:data="{{ json_encode($image) }}"
-         class="image anim fadeIn text-primary"
+         class="image anim fadeIn text-link"
          style="animation-delay: {{ $index > 26 ? '160ms' : ($index * 25) . 'ms' }};">
         <img src="{{ $image->thumbs['gallery'] }}"
              alt="{{ $image->name }}"
          style="animation-delay: {{ $index > 26 ? '160ms' : ($index * 25) . 'ms' }};">
         <img src="{{ $image->thumbs['gallery'] }}"
              alt="{{ $image->name }}"
index fdc6a772d1734bd6e67c5bac7430305ea5dc88f6..db89284bb473c0022d1117cceb76ebdf060bda65 100644 (file)
@@ -46,7 +46,7 @@
                             <form action="{{ $revision->getUrl('/restore') }}" method="POST">
                                 {!! csrf_field() !!}
                                 <input type="hidden" name="_method" value="PUT">
                             <form action="{{ $revision->getUrl('/restore') }}" method="POST">
                                 {!! csrf_field() !!}
                                 <input type="hidden" name="_method" value="PUT">
-                                <button type="submit" class="text-primary icon-item">
+                                <button type="submit" class="text-link icon-item">
                                     @icon('history')
                                     <div>{{ trans('entities.pages_revisions_restore') }}</div>
                                 </button>
                                     @icon('history')
                                     <div>{{ trans('entities.pages_revisions_restore') }}</div>
                                 </button>
index e05d9d7393fce09b93662b498a77290562dc7642..2cbc7fe470bd807517a472e385ba1d66c0ce2dae 100644 (file)
@@ -66,7 +66,7 @@
                     @foreach($pageNav as $navItem)
                         <li class="page-nav-item h{{ $navItem['level'] }}">
                             <a href="{{ $navItem['link'] }}" class="text-limit-lines-1 block">{{ $navItem['text'] }}</a>
                     @foreach($pageNav as $navItem)
                         <li class="page-nav-item h{{ $navItem['level'] }}">
                             <a href="{{ $navItem['link'] }}" class="text-limit-lines-1 block">{{ $navItem['text'] }}</a>
-                            <div class="primary-background sidebar-page-nav-bullet"></div>
+                            <div class="link-background sidebar-page-nav-bullet"></div>
                         </li>
                     @endforeach
                 </div>
                         </li>
                     @endforeach
                 </div>
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
 
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
 
-        <div class="icon-list text-primary">
+        <div class="icon-list text-link">
 
             {{--User Actions--}}
             @if(userCan('page-update', $page))
 
             {{--User Actions--}}
             @if(userCan('page-update', $page))
index 9e82ba4678d13c80d26dd6092e4307d4236e0bc4..ff41cefcc2c4b8b329077858fd347e775b4ba1ce 100644 (file)
@@ -22,7 +22,7 @@
 
                             <form action="{{ url('/settings/recycle-bin/empty') }}" method="POST">
                                 {!! csrf_field() !!}
 
                             <form action="{{ url('/settings/recycle-bin/empty') }}" method="POST">
                                 {!! csrf_field() !!}
-                                <button type="submit" class="text-primary small delete text-item">{{ trans('common.confirm') }}</button>
+                                <button type="submit" class="text-link small delete text-item">{{ trans('common.confirm') }}</button>
                             </form>
                         </div>
                     </div>
                             </form>
                         </div>
                     </div>
index df179a98586bcc115cb6df74d418b581ec5f1645..8bff570cb853f41b2595bf3f38ad15fbc774bfb5 100644 (file)
@@ -1,7 +1,7 @@
 <div class="item-list-row flex-container-row items-center wrap">
     <div class="flex py-s px-m min-width-s">
         <strong>{{ $title }}</strong> <br>
 <div class="item-list-row flex-container-row items-center wrap">
     <div class="flex py-s px-m min-width-s">
         <strong>{{ $title }}</strong> <br>
-        <a href="#" refs="permissions-table@toggle-row" class="text-small text-primary">{{ trans('common.toggle_all') }}</a>
+        <a href="#" refs="permissions-table@toggle-row" class="text-small text-link">{{ trans('common.toggle_all') }}</a>
     </div>
     <div class="flex py-s px-m min-width-xxs">
         <small class="hide-over-m bold">{{ trans('common.create') }}<br></small>
     </div>
     <div class="flex py-s px-m min-width-xxs">
         <small class="hide-over-m bold">{{ trans('common.create') }}<br></small>
index 8534b7fdbb15817b65e02fd787a8d1a2addcdceb..ac5c320d21571578e2c89b11d8b706930ecd6723 100644 (file)
@@ -28,7 +28,7 @@
 
     <div component="permissions-table">
         <label class="setting-list-label">{{ trans('settings.role_system') }}</label>
 
     <div component="permissions-table">
         <label class="setting-list-label">{{ trans('settings.role_system') }}</label>
-        <a href="#" refs="permissions-table@toggle-all" class="text-small text-primary">{{ trans('common.toggle_all') }}</a>
+        <a href="#" refs="permissions-table@toggle-all" class="text-small text-link">{{ trans('common.toggle_all') }}</a>
 
         <div class="toggle-switch-list grid half mt-m">
             <div>
 
         <div class="toggle-switch-list grid half mt-m">
             <div>
@@ -62,7 +62,7 @@
              class="item-list toggle-switch-list">
             <div class="item-list-row flex-container-row items-center hide-under-m bold">
                 <div class="flex py-s px-m min-width-s">
              class="item-list toggle-switch-list">
             <div class="item-list-row flex-container-row items-center hide-under-m bold">
                 <div class="flex py-s px-m min-width-s">
-                    <a href="#" refs="permissions-table@toggle-all" class="text-small text-primary">{{ trans('common.toggle_all') }}</a>
+                    <a href="#" refs="permissions-table@toggle-all" class="text-small text-link">{{ trans('common.toggle_all') }}</a>
                 </div>
                 <div refs="permissions-table@toggle-column" class="flex py-s px-m min-width-xxs">{{ trans('common.create') }}</div>
                 <div refs="permissions-table@toggle-column" class="flex py-s px-m min-width-xxs">{{ trans('common.view') }}</div>
                 </div>
                 <div refs="permissions-table@toggle-column" class="flex py-s px-m min-width-xxs">{{ trans('common.create') }}</div>
                 <div refs="permissions-table@toggle-column" class="flex py-s px-m min-width-xxs">{{ trans('common.view') }}</div>
index 1ec3d2257edc87a67d3d510be69682cdf400bd37..62fdd6b744ae16f71cfc693040e1adecf4c6471e 100644 (file)
@@ -1,7 +1,7 @@
 <div class="item-list-row flex-container-row items-center wrap">
     <div class="flex py-s px-m min-width-s">
         <strong>{{ $title }}</strong> <br>
 <div class="item-list-row flex-container-row items-center wrap">
     <div class="flex py-s px-m min-width-s">
         <strong>{{ $title }}</strong> <br>
-        <a href="#" refs="permissions-table@toggle-row" class="text-small text-primary">{{ trans('common.toggle_all') }}</a>
+        <a href="#" refs="permissions-table@toggle-row" class="text-small text-link">{{ trans('common.toggle_all') }}</a>
     </div>
     <div class="flex py-s px-m min-width-xxs">
         <small class="hide-over-m bold">{{ trans('common.create') }}<br></small>
     </div>
     <div class="flex py-s px-m min-width-xxs">
         <small class="hide-over-m bold">{{ trans('common.create') }}<br></small>
index df3ca83eba2ba05bece88c35e3a46c258308e1de..eafc339ce9a5bfdcc9235d0c275e7bb180059e95 100644 (file)
@@ -8,7 +8,7 @@
 
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
 
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
-        <div class="icon-list text-primary">
+        <div class="icon-list text-link">
             @if(userCan('bookshelf-create-all'))
                 <a href="{{ url("/create-shelf") }}" data-shortcut="new" class="icon-list-item">
                     <span>@icon('add')</span>
             @if(userCan('bookshelf-create-all'))
                 <a href="{{ url("/create-shelf") }}" data-shortcut="new" class="icon-list-item">
                     <span>@icon('add')</span>
index a5445270314ea0b3df2351a4f3e36f54fc3aa198..364f8e0be14c79153e9135b930e57c393542e83a 100644 (file)
@@ -44,7 +44,7 @@
 
 
 <div class="form-group collapsible" component="collapsible" id="logo-control">
 
 
 <div class="form-group collapsible" component="collapsible" id="logo-control">
-    <button refs="collapsible@trigger" type="button" class="collapse-title text-primary" aria-expanded="false">
+    <button refs="collapsible@trigger" type="button" class="collapse-title text-link" aria-expanded="false">
         <label>{{ trans('common.cover_image') }}</label>
     </button>
     <div refs="collapsible@content" class="collapse-content">
         <label>{{ trans('common.cover_image') }}</label>
     </button>
     <div refs="collapsible@content" class="collapse-content">
@@ -60,7 +60,7 @@
 </div>
 
 <div class="form-group collapsible" component="collapsible" id="tags-control">
 </div>
 
 <div class="form-group collapsible" component="collapsible" id="tags-control">
-    <button refs="collapsible@trigger" type="button" class="collapse-title text-primary" aria-expanded="false">
+    <button refs="collapsible@trigger" type="button" class="collapse-title text-link" aria-expanded="false">
         <label for="tag-manager">{{ trans('entities.shelf_tags') }}</label>
     </button>
     <div refs="collapsible@content" class="collapse-content">
         <label for="tag-manager">{{ trans('entities.shelf_tags') }}</label>
     </button>
     <div refs="collapsible@content" class="collapse-content">
index 1ea37992ae477f826c0fd36e64de8c5c6048ce23..25b7a14fc1f1d0e983f60a061afe69c200f49ec0 100644 (file)
 @section('right')
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
 @section('right')
     <div class="actions mb-xl">
         <h5>{{ trans('common.actions') }}</h5>
-        <div class="icon-list text-primary">
+        <div class="icon-list text-link">
 
             @if(userCan('book-create-all') && userCan('bookshelf-update', $shelf))
                 <a href="{{ $shelf->getUrl('/create-book') }}" data-shortcut="new" class="icon-list-item">
 
             @if(userCan('book-create-all') && userCan('bookshelf-update', $shelf))
                 <a href="{{ $shelf->getUrl('/create-book') }}" data-shortcut="new" class="icon-list-item">