@eui/core 13.0.0-rc.41 → 13.0.0-rc.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/docs/classes/ActivatedRouteAction.html +1 -10
  2. package/docs/classes/AddApiQueueItemAction.html +1 -10
  3. package/docs/classes/AddAppLoadedConfigModulesAction.html +1 -10
  4. package/docs/classes/ApiQueueServiceMock.html +1 -10
  5. package/docs/classes/AsyncStorageService.html +1 -10
  6. package/docs/classes/AsyncStorageServiceMock.html +1 -10
  7. package/docs/classes/EmptyApiQueueAction.html +1 -10
  8. package/docs/classes/EuiCoreRootGuardClass.html +1 -10
  9. package/docs/classes/EuiError.html +1 -10
  10. package/docs/classes/I18nResourceImpl.html +1 -10
  11. package/docs/classes/InitStoreAction.html +1 -10
  12. package/docs/classes/LogServiceMock.html +1 -10
  13. package/docs/classes/OpenIdConnectServiceMock.html +1 -10
  14. package/docs/classes/RemoveApiQueueItemAction.html +1 -10
  15. package/docs/classes/RouterMock.html +1 -10
  16. package/docs/classes/StorageService.html +1 -10
  17. package/docs/classes/StorageServiceMock.html +1 -10
  18. package/docs/classes/StoreMock.html +1 -10
  19. package/docs/classes/TranslateServiceMock.html +1 -10
  20. package/docs/classes/UpdateAppConnectionAction.html +1 -10
  21. package/docs/classes/UpdateAppStatusAction.html +1 -10
  22. package/docs/classes/UpdateAppVersionAction.html +1 -10
  23. package/docs/classes/UpdateCurrentModuleAction.html +1 -10
  24. package/docs/classes/UpdateI18nStateAction.html +1 -10
  25. package/docs/classes/UpdateLocaleStateAction.html +1 -10
  26. package/docs/classes/UpdateNotificationsListAction.html +1 -10
  27. package/docs/classes/UpdateUserDashboardAction.html +1 -10
  28. package/docs/classes/UpdateUserDetailsAction.html +1 -10
  29. package/docs/classes/UpdateUserPreferencesAction.html +1 -10
  30. package/docs/classes/UpdateUserRightsAction.html +1 -10
  31. package/docs/classes/UpdateUserStateAction.html +1 -10
  32. package/docs/classes/UxErrorManager.html +1 -10
  33. package/docs/classes/UxRootInjectorGuard.html +1 -10
  34. package/docs/dependencies.html +3 -12
  35. package/docs/directives/TranslateMockDirective.html +2 -11
  36. package/docs/index.html +1 -10
  37. package/docs/injectables/ApiQueueService.html +1 -10
  38. package/docs/injectables/CoreAppEffects.html +1 -10
  39. package/docs/injectables/EuiPermissionService.html +1 -10
  40. package/docs/injectables/GlobalErrorHandler.html +1 -10
  41. package/docs/injectables/I18nLoader.html +1 -10
  42. package/docs/injectables/I18nService.html +1 -10
  43. package/docs/injectables/I18nServiceMock.html +1 -10
  44. package/docs/injectables/LocalForageService.html +1 -10
  45. package/docs/injectables/LocalStorageService.html +1 -10
  46. package/docs/injectables/LocaleService.html +1 -10
  47. package/docs/injectables/LocaleServiceMock.html +1 -10
  48. package/docs/injectables/LogService.html +1 -10
  49. package/docs/injectables/OpenIdConnectService.html +1 -10
  50. package/docs/injectables/SessionStorageService.html +1 -10
  51. package/docs/injectables/StoreService.html +1 -10
  52. package/docs/injectables/StoreServiceMock.html +1 -10
  53. package/docs/injectables/UserService.html +1 -10
  54. package/docs/injectables/UserServiceMock.html +1 -10
  55. package/docs/injectables/UxAppShellService.html +1 -10
  56. package/docs/injectables/UxDynamicComponentService.html +2 -11
  57. package/docs/injectables/UxDynamicMenuService.html +2 -11
  58. package/docs/injectables/UxErrorFeedbackService.html +1 -10
  59. package/docs/injectables/UxTimezoneService.html +1 -10
  60. package/docs/interceptors/AddLangParamInterceptor.html +1 -10
  61. package/docs/interceptors/CachePreventionInterceptor.html +1 -10
  62. package/docs/interceptors/CorsSecurityInterceptor.html +1 -10
  63. package/docs/interceptors/CsrfPreventionInterceptor.html +1 -10
  64. package/docs/interceptors/EuLoginSessionTimeoutHandlingInterceptor.html +1 -10
  65. package/docs/interceptors/HttpErrorHandlerInterceptor.html +1 -10
  66. package/docs/interceptors/OpenIdConnectInterceptor.html +1 -10
  67. package/docs/interceptors/UxRequestErrorModelInterceptor.html +1 -10
  68. package/docs/interfaces/LoadedResources.html +1 -10
  69. package/docs/interfaces/LoadedResourcesError.html +1 -10
  70. package/docs/interfaces/ModuleLoadEvent.html +1 -10
  71. package/docs/interfaces/OpenIdConnectUserDetails.html +1 -10
  72. package/docs/interfaces/ResourceError.html +1 -10
  73. package/docs/interfaces/TimeZone.html +1 -10
  74. package/docs/interfaces/UIState.html +1 -10
  75. package/docs/js/menu-wc.js +6 -6
  76. package/docs/js/menu-wc_es5.js +1 -1
  77. package/docs/js/menu.js +2 -48
  78. package/docs/js/search/search_index.js +2 -2
  79. package/docs/license.html +1 -10
  80. package/docs/miscellaneous/enumerations.html +1 -10
  81. package/docs/miscellaneous/functions.html +1 -10
  82. package/docs/miscellaneous/typealiases.html +1 -10
  83. package/docs/miscellaneous/variables.html +1 -10
  84. package/docs/modules/CoreModule.html +1 -10
  85. package/docs/modules/I18nModule.html +1 -10
  86. package/docs/modules/LogModule.html +1 -10
  87. package/docs/modules/TranslateMockModule.html +1 -10
  88. package/docs/modules.html +5 -14
  89. package/docs/pipes/TranslateMockPipe.html +2 -11
  90. package/docs/styles/compodoc.css +1 -71
  91. package/docs/styles/dark.css +33 -37
  92. package/docs/styles/laravel.css +35 -33
  93. package/docs/styles/material.css +17 -15
  94. package/docs/styles/original.css +4 -2
  95. package/docs/styles/postmark.css +14 -12
  96. package/docs/styles/readthedocs.css +8 -6
  97. package/docs/styles/reset.css +34 -115
  98. package/docs/styles/stripe.css +35 -33
  99. package/docs/styles/vagrant.css +28 -26
  100. package/package.json +1 -1
package/docs/license.html CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
11
11
  <link rel="stylesheet" href="./styles/style.css">
12
- <link rel="stylesheet" href="./styles/dark.css">
12
+ <link rel="stylesheet" href="./styles/dark.css" media="(prefers-color-scheme: dark)">
13
13
  <link rel="stylesheet" href="./styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -330,15 +330,6 @@ registered office inside a European Union country.</li>
330
330
  </div>
331
331
  </div>
332
332
 
333
- <label class="dark-mode-switch">
334
- <input type="checkbox">
335
- <span class="slider">
336
- <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
337
- <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
338
- </svg>
339
- </span>
340
- </label>
341
-
342
333
  <script>
343
334
  var COMPODOC_CURRENT_PAGE_DEPTH = 0;
344
335
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'getting-started';
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css">
12
+ <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -369,15 +369,6 @@
369
369
  </div>
370
370
  </div>
371
371
 
372
- <label class="dark-mode-switch">
373
- <input type="checkbox">
374
- <span class="slider">
375
- <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
376
- <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
377
- </svg>
378
- </span>
379
- </label>
380
-
381
372
  <script>
382
373
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
383
374
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'miscellaneous-enumerations';
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css">
12
+ <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -2024,15 +2024,6 @@ It needs to be added in your application main.ts file.</p>
2024
2024
  </div>
2025
2025
  </div>
2026
2026
 
2027
- <label class="dark-mode-switch">
2028
- <input type="checkbox">
2029
- <span class="slider">
2030
- <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
2031
- <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
2032
- </svg>
2033
- </span>
2034
- </label>
2035
-
2036
2027
  <script>
2037
2028
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
2038
2029
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'miscellaneous-functions';
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css">
12
+ <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -209,15 +209,6 @@
209
209
  </div>
210
210
  </div>
211
211
 
212
- <label class="dark-mode-switch">
213
- <input type="checkbox">
214
- <span class="slider">
215
- <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
216
- <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
217
- </svg>
218
- </span>
219
- </label>
220
-
221
212
  <script>
222
213
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
223
214
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'miscellaneous-typealiases';
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css">
12
+ <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -3787,15 +3787,6 @@
3787
3787
  </div>
3788
3788
  </div>
3789
3789
 
3790
- <label class="dark-mode-switch">
3791
- <input type="checkbox">
3792
- <span class="slider">
3793
- <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
3794
- <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
3795
- </svg>
3796
- </span>
3797
- </label>
3798
-
3799
3790
  <script>
3800
3791
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
3801
3792
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'miscellaneous-variables';
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css">
12
+ <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -204,15 +204,6 @@
204
204
  </div>
205
205
  </div>
206
206
 
207
- <label class="dark-mode-switch">
208
- <input type="checkbox">
209
- <span class="slider">
210
- <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
211
- <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
212
- </svg>
213
- </span>
214
- </label>
215
-
216
207
  <script>
217
208
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
218
209
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css">
12
+ <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -146,15 +146,6 @@
146
146
  </div>
147
147
  </div>
148
148
 
149
- <label class="dark-mode-switch">
150
- <input type="checkbox">
151
- <span class="slider">
152
- <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
153
- <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
154
- </svg>
155
- </span>
156
- </label>
157
-
158
149
  <script>
159
150
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
160
151
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css">
12
+ <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -253,15 +253,6 @@
253
253
  </div>
254
254
  </div>
255
255
 
256
- <label class="dark-mode-switch">
257
- <input type="checkbox">
258
- <span class="slider">
259
- <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
260
- <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
261
- </svg>
262
- </span>
263
- </label>
264
-
265
256
  <script>
266
257
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
267
258
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css">
12
+ <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -123,15 +123,6 @@
123
123
  </div>
124
124
  </div>
125
125
 
126
- <label class="dark-mode-switch">
127
- <input type="checkbox">
128
- <span class="slider">
129
- <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
130
- <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
131
- </svg>
132
- </span>
133
- </label>
134
-
135
126
  <script>
136
127
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
137
128
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
package/docs/modules.html CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
11
11
  <link rel="stylesheet" href="./styles/style.css">
12
- <link rel="stylesheet" href="./styles/dark.css">
12
+ <link rel="stylesheet" href="./styles/dark.css" media="(prefers-color-scheme: dark)">
13
13
  <link rel="stylesheet" href="./styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -39,7 +39,7 @@
39
39
  </ol>
40
40
  <div class="container-fluid modules">
41
41
  <div class="row">
42
- <div class="col-md-6 col-lg-4">
42
+ <div class="col-sm-4">
43
43
  <div class="card card-module">
44
44
  <div class="card-header">
45
45
  <h4 class="card-title">CoreModule</h4>
@@ -51,7 +51,7 @@
51
51
  </div>
52
52
  </div>
53
53
  </div>
54
- <div class="col-md-6 col-lg-4">
54
+ <div class="col-sm-4">
55
55
  <div class="card card-module">
56
56
  <div class="card-header">
57
57
  <h4 class="card-title">I18nModule</h4>
@@ -63,7 +63,7 @@
63
63
  </div>
64
64
  </div>
65
65
  </div>
66
- <div class="col-md-6 col-lg-4">
66
+ <div class="col-sm-4">
67
67
  <div class="card card-module">
68
68
  <div class="card-header">
69
69
  <h4 class="card-title">LogModule</h4>
@@ -75,7 +75,7 @@
75
75
  </div>
76
76
  </div>
77
77
  </div>
78
- <div class="col-md-6 col-lg-4">
78
+ <div class="col-sm-4">
79
79
  <div class="card card-module">
80
80
  <div class="card-header">
81
81
  <h4 class="card-title">TranslateMockModule</h4>
@@ -119,15 +119,6 @@
119
119
  </div>
120
120
  </div>
121
121
 
122
- <label class="dark-mode-switch">
123
- <input type="checkbox">
124
- <span class="slider">
125
- <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
126
- <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
127
- </svg>
128
- </span>
129
- </label>
130
-
131
122
  <script>
132
123
  var COMPODOC_CURRENT_PAGE_DEPTH = 0;
133
124
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'modules';
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css">
12
+ <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -67,7 +67,7 @@
67
67
 
68
68
  <section>
69
69
  <h3>Metadata</h3>
70
- <table class="table table-sm table-hover metadata">
70
+ <table class="table table-sm table-hover">
71
71
  <tbody>
72
72
  <tr>
73
73
  <td class="col-md-3">Name</td>
@@ -175,15 +175,6 @@
175
175
  </div>
176
176
  </div>
177
177
 
178
- <label class="dark-mode-switch">
179
- <input type="checkbox">
180
- <span class="slider">
181
- <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
182
- <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
183
- </svg>
184
- </span>
185
- </label>
186
-
187
178
  <script>
188
179
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
189
180
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'pipe';
@@ -132,8 +132,7 @@ a[href] {
132
132
  }
133
133
 
134
134
  .container-fluid.modules {
135
- width: 100%;
136
- overflow-y: auto;
135
+ overflow-y: scroll;
137
136
  }
138
137
 
139
138
  .container-fluid.module {
@@ -1003,72 +1002,3 @@ ul.index-list {
1003
1002
  text-decoration: none;
1004
1003
  display: inline-block;
1005
1004
  }
1006
-
1007
- /**
1008
- * Dark mode
1009
- */
1010
-
1011
- .dark-mode-switch {
1012
- position: absolute;
1013
- top: 70px;
1014
- right: 15px;
1015
- display: inline-block;
1016
- width: 60px;
1017
- height: 34px;
1018
- }
1019
-
1020
- .dark-mode-switch input {
1021
- opacity: 0;
1022
- width: 0;
1023
- height: 0;
1024
- }
1025
-
1026
- .dark-mode-switch .slider {
1027
- position: absolute;
1028
- cursor: pointer;
1029
- top: 0;
1030
- left: 0;
1031
- right: 0;
1032
- bottom: 0;
1033
- background-color: #5cc0ae80;
1034
- border-radius: 34px;
1035
- transition: 0.6s;
1036
- }
1037
-
1038
- .dark-mode-switch .slider:before {
1039
- position: absolute;
1040
- content: '';
1041
- height: 26px;
1042
- width: 26px;
1043
- left: 4px;
1044
- bottom: 4px;
1045
- background-color: white;
1046
- border-radius: 50%;
1047
- transition: 0.4s;
1048
- }
1049
-
1050
- .dark-mode-switch input:checked + .slider {
1051
- background-color: #f1c40fb8;
1052
- }
1053
-
1054
- .dark-mode-switch.dark .slider-icon {
1055
- stroke: black;
1056
- }
1057
-
1058
- .dark-mode-switch input:checked + .slider:before {
1059
- transform: translateX(26px);
1060
- }
1061
-
1062
- .dark-mode-switch .slider-icon {
1063
- transform: rotate(250deg);
1064
- position: absolute;
1065
- right: 6px;
1066
- top: 7px;
1067
- stroke: white;
1068
- }
1069
-
1070
- @media (min-width: 768px) {
1071
- .dark-mode-switch {
1072
- top: 15px;
1073
- }
1074
- }
@@ -1,117 +1,113 @@
1
- body.dark {
1
+ body {
2
2
  background: #212121;
3
3
  color: #fafafa;
4
4
  }
5
5
 
6
- .dark code {
6
+ code {
7
7
  color: #e09393;
8
8
  }
9
9
 
10
- .dark a,
11
- .dark .menu ul.list li a.active {
10
+ a,
11
+ .menu ul.list li a.active {
12
12
  color: #7fc9ff;
13
13
  }
14
14
 
15
- .dark .menu {
15
+ .menu {
16
16
  background: #212121;
17
17
  border-right: 1px solid #444;
18
18
  }
19
19
 
20
- .dark .menu ul.list li a {
20
+ .menu ul.list li a {
21
21
  color: #fafafa;
22
22
  }
23
23
 
24
- .dark .menu ul.list li.divider {
24
+ .menu ul.list li.divider {
25
25
  background: #444;
26
26
  }
27
27
 
28
- .dark .xs-menu ul.list li:nth-child(2) {
28
+ .xs-menu ul.list li:nth-child(2) {
29
29
  margin: 0;
30
30
  background: none;
31
31
  }
32
32
 
33
- .dark .menu ul.list li:nth-child(2) {
33
+ .menu ul.list li:nth-child(2) {
34
34
  margin: 0;
35
35
  background: none;
36
36
  }
37
37
 
38
- .dark #book-search-input {
38
+ #book-search-input {
39
39
  background: #212121;
40
40
  border-top: 1px solid #444;
41
41
  border-bottom: 1px solid #444;
42
42
  color: #fafafa;
43
43
  }
44
44
 
45
- .dark .table.metadata > tbody > tr:hover {
46
- color: #555;
47
- }
48
-
49
- .dark .table-bordered {
45
+ .table-bordered {
50
46
  border: 1px solid #444;
51
47
  }
52
48
 
53
- .dark .table-bordered > tbody > tr > td,
54
- .dark .table-bordered > tbody > tr > th,
55
- .dark .table-bordered > tfoot > tr > td,
56
- .dark .table-bordered > tfoot > tr > th,
57
- .dark .table-bordered > thead > tr > td,
58
- .dark .table-bordered > thead > tr > th {
49
+ .table-bordered > tbody > tr > td,
50
+ .table-bordered > tbody > tr > th,
51
+ .table-bordered > tfoot > tr > td,
52
+ .table-bordered > tfoot > tr > th,
53
+ .table-bordered > thead > tr > td,
54
+ .table-bordered > thead > tr > th {
59
55
  border: 1px solid #444;
60
56
  }
61
57
 
62
- .dark .coverage a,
63
- .dark .coverage-count {
58
+ .coverage a,
59
+ .coverage-count {
64
60
  color: #fafafa;
65
61
  }
66
62
 
67
- .dark .coverage-header {
63
+ .coverage-header {
68
64
  color: black;
69
65
  }
70
66
 
71
- .dark .routes svg text,
72
- .dark .routes svg a {
67
+ .routes svg text,
68
+ .routes svg a {
73
69
  fill: white;
74
70
  }
75
- .dark .routes svg rect {
71
+ .routes svg rect {
76
72
  fill: #212121 !important;
77
73
  }
78
74
 
79
- .dark .navbar-default,
80
- .dark .btn-default {
75
+ .navbar-default,
76
+ .btn-default {
81
77
  background-color: black;
82
78
  border-color: #444;
83
79
  color: #fafafa;
84
80
  }
85
81
 
86
- .dark .navbar-default .navbar-brand {
82
+ .navbar-default .navbar-brand {
87
83
  color: #fafafa;
88
84
  }
89
85
 
90
- .dark .overview .card,
91
- .dark .modules .card {
86
+ .overview .card,
87
+ .modules .card {
92
88
  background: #171717;
93
89
  color: #fafafa;
94
90
  border: 1px solid #444;
95
91
  }
96
- .dark .overview .card a {
92
+ .overview .card a {
97
93
  color: #fafafa;
98
94
  }
99
95
 
100
- .dark .modules .card-header {
96
+ .modules .card-header {
101
97
  background: none;
102
98
  border-bottom: 1px solid #444;
103
99
  }
104
100
 
105
- .dark .module .list-group-item {
101
+ .module .list-group-item {
106
102
  background: none;
107
103
  border: 1px solid #444;
108
104
  }
109
105
 
110
- .dark .container-fluid.module h3 a {
106
+ .container-fluid.module h3 a {
111
107
  color: #337ab7;
112
108
  }
113
109
 
114
- .dark table.params thead {
110
+ table.params thead {
115
111
  background: #484848;
116
112
  color: #fafafa;
117
113
  }
@@ -77,37 +77,39 @@ pre {
77
77
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
78
78
  }
79
79
 
80
- .dark body {
81
- color: #fafafa;
82
- }
83
- .dark .content h1,
84
- .dark .content h2,
85
- .dark .content h3,
86
- .dark .content h4,
87
- .dark .content h5 {
88
- color: #fafafa;
89
- }
90
-
91
- .dark code {
92
- background: none;
93
- }
94
-
95
- .dark .content {
96
- color: #fafafa;
97
- }
98
-
99
- .dark .menu ul.list li a[data-type='chapter-link'],
100
- .dark .menu ul.list li.chapter .simple {
101
- color: #fafafa;
102
- }
103
-
104
- .dark .menu ul.list li.title a {
105
- color: #fafafa;
106
- }
107
-
108
- .dark .menu ul.list li a {
109
- color: #fafafa;
110
- }
111
- .dark .menu ul.list li a.active {
112
- color: #7fc9ff;
80
+ @media (prefers-color-scheme: dark) {
81
+ body {
82
+ color: #fafafa;
83
+ }
84
+ .content h1,
85
+ .content h2,
86
+ .content h3,
87
+ .content h4,
88
+ .content h5 {
89
+ color: #fafafa;
90
+ }
91
+
92
+ code {
93
+ background: none;
94
+ }
95
+
96
+ .content {
97
+ color: #fafafa;
98
+ }
99
+
100
+ .menu ul.list li a[data-type='chapter-link'],
101
+ .menu ul.list li.chapter .simple {
102
+ color: #fafafa;
103
+ }
104
+
105
+ .menu ul.list li.title a {
106
+ color: #fafafa;
107
+ }
108
+
109
+ .menu ul.list li a {
110
+ color: #fafafa;
111
+ }
112
+ .menu ul.list li a.active {
113
+ color: #7fc9ff;
114
+ }
113
115
  }
@@ -113,19 +113,21 @@ table.params thead td {
113
113
  font-weight: bold;
114
114
  }
115
115
 
116
- .dark .menu .title:hover {
117
- background-color: #2d2d2d;
118
- }
119
- .dark .menu ul.list li a:hover,
120
- .dark .menu ul.list li.chapter .simple:hover {
121
- background-color: #2d2d2d;
122
- }
123
- .dark .nav-tabs > li:not(.active) > a {
124
- color: #fafafa;
125
- }
126
- .dark table.params thead {
127
- background: #484848;
128
- }
129
- .dark table.params thead td {
130
- color: #fafafa;
116
+ @media (prefers-color-scheme: dark) {
117
+ .menu .title:hover {
118
+ background-color: #2d2d2d;
119
+ }
120
+ .menu ul.list li a:hover,
121
+ .menu ul.list li.chapter .simple:hover {
122
+ background-color: #2d2d2d;
123
+ }
124
+ .nav-tabs > li > a {
125
+ color: #fafafa;
126
+ }
127
+ table.params thead {
128
+ background: #484848;
129
+ }
130
+ table.params thead td {
131
+ color: #fafafa;
132
+ }
131
133
  }