Skip to content

Commit e0b5365

Browse files
yaroslav8765yaroslav8765
committed
chore: remove unused styles
1 parent 40175c4 commit e0b5365

File tree

4 files changed

+181
-139
lines changed

4 files changed

+181
-139
lines changed

‎adminforth/modules/styles.ts

Lines changed: 175 additions & 128 deletions
Original file line numberDiff line numberDiff line change
@@ -29,15 +29,33 @@ export const styles = () => ({
2929
lightSidebarIconsHover: "alias:lightSidebarText", // sidebar list item icons hover
3030
lightSidebarHeading: "alias:lightSidebarText opacity:0.3", // sidebar heading
3131

32+
33+
/***************************************************************
34+
* *
35+
* Light Views *
36+
* *
37+
***************************************************************/
38+
/*----------------------------------------*/
39+
/* Show/Create/Edit View Table background */
40+
/*----------------------------------------*/
41+
lightForm: "#ffffff", // show view background
42+
lightFormBorder: "#F5F5F5", // show view rows border
43+
lightFormHeading: "alias:lightListTableHeading", // show view heading
44+
lightFormFieldTextColor: "alias:lightListTableText",
45+
46+
47+
/*----------------------------------------*/
48+
/* List View Table */
49+
/*----------------------------------------*/
3250
lightListSkeletLoader: "#E5E7EB",
3351
lightList: "#FFFFFF", // list view background
3452
lightListTable: "#FFFFFF", // list view table background
3553
lightListTableHeading: "#f5f5f8", // list view table heading
3654
lightListTableHeadingText: "#374151", // list view table heading text
3755
lightListTableText: "#6B7280", // list view table text
3856
lightListTableRowHover: "rgb(249 250 251)", // list view row hover
39-
// lightListBreadcrumbsText: "#666666", // list view breadcrumbs text
4057
lightListBorder: "#DDDDDD", // list view rows
58+
4159
lightListTablePaginationBackgoround: "#FFFFFF",
4260
lightListTablePaginationBackgoroundHover: "#F3F4F6",
4361
lightListTablePaginationBorder: "#D1D5DB",
@@ -47,11 +65,18 @@ export const styles = () => ({
4765
lightListTablePaginationTextHover: "alias:lightPrimary",
4866
lightListTablePaginationHelpText: "#374151",
4967

50-
lightForm: "#ffffff", // show view background
51-
lightFormBorder: "#F5F5F5", // show view rows border
52-
lightFormHeading: "alias:lightListTableHeading", // show view heading
53-
lightFormFieldTextColor: "alias:lightListTableText",
68+
/* ListView buttons */
69+
lightListViewButtonBackground: "#FFFFFF",
70+
lightListViewButtonBackgroundHover: "#F3F4F6",
71+
lightListViewButtonText: "#111827",
72+
lightListViewButtonTextHover: "alias:lightPrimary",
73+
lightListViewButtonFocusRing: "#F3F4F6",
74+
lightListViewButtonBorder: "#D1D5DB",
75+
5476

77+
/*----------------------------------------*/
78+
/* Show View Table */
79+
/*----------------------------------------*/
5580
lightShowTableHeadingBackground: "alias:lightFormHeading",
5681
lightShowTableHeadingText: "#374151",
5782
lightShowTableUnderHeadingBackground: "alias:lightFormHeading",
@@ -60,6 +85,61 @@ export const styles = () => ({
6085
lightShowTableBodyText: "#6B7280",
6186
lightShowTableBodyBorder: "#F3F4F6",
6287

88+
89+
/* Show View buttons*/
90+
lightShowViewButtonBackground: "#FFFFFF",
91+
lightShowViewButtonBackgroundHover: "#F3F4F6",
92+
lightShowViewButtonText: "#111827",
93+
lightShowViewButtonTextHover: "alias:lightPrimary",
94+
lightShowViewButtonFocusRing: "#F3F4F6",
95+
lightShowViewButtonBorder: "#D1D5DB",
96+
97+
98+
/*----------------------------------------*/
99+
/* Create View Table */
100+
/*----------------------------------------*/
101+
/* CreateView buttons */
102+
lightCreateViewButtonBackground: "#FFFFFF",
103+
lightCreateViewButtonBackgroundHover: "#F3F4F6",
104+
lightCreateViewButtonText: "#111827",
105+
lightCreateViewButtonTextHover: "alias:lightPrimary",
106+
lightCreateViewButtonFocusRing: "#F3F4F6",
107+
lightCreateViewButtonBorder: "#D1D5DB",
108+
109+
lightCreateViewSaveButtonText: "#DC2626",
110+
lightCreateViewSaveButtonTextHover: "#B91C1C",
111+
112+
113+
/*----------------------------------------*/
114+
/* Edit View Table */
115+
/*----------------------------------------*/
116+
/* EditView buttons */
117+
lightEditViewButtonBackground: "#FFFFFF",
118+
lightEditViewButtonBackgroundHover: "#F3F4F6",
119+
lightEditViewButtonText: "#111827",
120+
lightEditViewButtonTextHover: "alias:lightPrimary",
121+
lightEditViewButtonFocusRing: "#F3F4F6",
122+
lightEditViewButtonBorder: "#D1D5DB",
123+
124+
lightEditViewSaveButtonText: "#DC2626",
125+
lightEditViewSaveButtonTextHover: "#B91C1C",
126+
127+
/*----------------------------------------*/
128+
/* Login View Table */
129+
/*----------------------------------------*/
130+
/* Login View */
131+
lightLoginViewBackground: "#FFFFFF",
132+
lightLoginViewTextColor: "#111827",
133+
lightLoginViewSubTextColor: "#9CA3AF",
134+
lightLoginViewPromptBackground: "#F9FAFB",
135+
lightLoginViewPromptText: "#1F2937",
136+
137+
/***************************************************************
138+
* *
139+
* AdminForth light components *
140+
* *
141+
***************************************************************/
142+
63143
lightButtons: "#FFFFFF", // button background
64144
lightButtonsBorder: "#DDDDDD", // button border
65145
lightButtonsText: "#111827", // button text
@@ -103,14 +183,6 @@ export const styles = () => ({
103183
lightToggleBorderUnactive: "alias:lightPrimary lighten", // unactive state border
104184
lightToggleBorderActive: "alias:lightPrimary darken", // active state border
105185

106-
lightColumnValueInputBackground: "#f9fafb", //input column value input background
107-
lightColumnValueInputPlaceholderText: "#6B7280", //placeholder text color
108-
lightColumnValueInputText: "#111827", //text color
109-
lightColumnValueInputBorder: "#D1D5DB", //border color
110-
lightColumnValueInputIcons: "#9CA3AF", //icons next to the input
111-
lightColumnValueInputFocusRing: "alias:lightPrimary",
112-
lightColumnValueInputFocusBorder: "alias:lightPrimary",
113-
114186
lightInputBackground: "#f9fafb", // input background
115187
lightInputPlaceholderText: "#6B7280", //placeholder text color
116188
lightInputText: "#111827", //text color
@@ -260,52 +332,6 @@ export const styles = () => ({
260332
lightToastText: "#6B7280",
261333

262334

263-
//Show views
264-
/* CreateView buttons */
265-
lightCreateViewButtonBackground: "#FFFFFF",
266-
lightCreateViewButtonBackgroundHover: "#F3F4F6",
267-
lightCreateViewButtonText: "#111827",
268-
lightCreateViewButtonTextHover: "alias:lightPrimary",
269-
lightCreateViewButtonFocusRing: "#F3F4F6",
270-
lightCreateViewButtonBorder: "#D1D5DB",
271-
272-
lightCreateViewSaveButtonText: "#DC2626",
273-
lightCreateViewSaveButtonTextHover: "#B91C1C",
274-
275-
/* EditView buttons */
276-
lightEditViewButtonBackground: "#FFFFFF",
277-
lightEditViewButtonBackgroundHover: "#F3F4F6",
278-
lightEditViewButtonText: "#111827",
279-
lightEditViewButtonTextHover: "alias:lightPrimary",
280-
lightEditViewButtonFocusRing: "#F3F4F6",
281-
lightEditViewButtonBorder: "#D1D5DB",
282-
283-
lightEditViewSaveButtonText: "#DC2626",
284-
lightEditViewSaveButtonTextHover: "#B91C1C",
285-
286-
/* ListView buttons */
287-
lightListViewButtonBackground: "#FFFFFF",
288-
lightListViewButtonBackgroundHover: "#F3F4F6",
289-
lightListViewButtonText: "#111827",
290-
lightListViewButtonTextHover: "alias:lightPrimary",
291-
lightListViewButtonFocusRing: "#F3F4F6",
292-
lightListViewButtonBorder: "#D1D5DB",
293-
294-
/* Show View */
295-
lightShowViewButtonBackground: "#FFFFFF",
296-
lightShowViewButtonBackgroundHover: "#F3F4F6",
297-
lightShowViewButtonText: "#111827",
298-
lightShowViewButtonTextHover: "alias:lightPrimary",
299-
lightShowViewButtonFocusRing: "#F3F4F6",
300-
lightShowViewButtonBorder: "#D1D5DB",
301-
302-
/* Login View */
303-
lightLoginViewBackground: "#FFFFFF",
304-
lightLoginViewTextColor: "#111827",
305-
lightLoginViewSubTextColor: "#9CA3AF",
306-
lightLoginViewPromptBackground: "#F9FAFB",
307-
lightLoginViewPromptText: "#1F2937",
308-
309335

310336

311337

@@ -337,15 +363,32 @@ export const styles = () => ({
337363
darkSidebarIconsHover: "alias:darkSidebarText",
338364
darkSidebarHeading: "alias:darkSidebarText opacity:0.3",
339365

366+
/***************************************************************
367+
* *
368+
* Light Views *
369+
* *
370+
***************************************************************/
371+
/*----------------------------------------*/
372+
/* Show/Create/Edit View Table background */
373+
/*----------------------------------------*/
374+
darkForm: "#1F2937",
375+
darkFormBorder: "#FF0000",
376+
darkFormHeading: "alias:darkListTableHeading",
377+
darkFormFieldTextColor: "alias:darkListTableText",
378+
379+
380+
/*----------------------------------------*/
381+
/* List View Table */
382+
/*----------------------------------------*/
340383
darkListSkeletLoader: "#374151",
341384
darkList: "#111111",
342385
darkListTable: "#1f2937",
343386
darkListTableHeading: "#374151",
344387
darkListTableHeadingText: "#9ca3af",
345388
darkListTableText: "#9CA3AF",
346389
darkListTableRowHover: "rgb(35 47 65)",
347-
// darkListBreadcrumbsText: "#BBBBBB",
348390
darkListBorder: "#444444",
391+
349392
darkListTablePaginationBackgoround: "#1F2937",
350393
darkListTablePaginationBackgoroundHover: "#374151",
351394
darkListTablePaginationBorder: "#4B5563",
@@ -355,13 +398,80 @@ export const styles = () => ({
355398
darkListTablePaginationTextHover: "#FFFFFF",
356399
darkListTablePaginationHelpText: "#9CA3AF",
357400

358-
darkForm: "#1F2937",
359-
darkFormBorder: "#222222",
360-
darkFormHeading: "alias:darkListTableHeading",
361-
darkFormFieldTextColor: "alias:darkListTableText",
401+
/* ListView buttons */
402+
darkListViewButtonBackground: "#1F2937",
403+
darkListViewButtonBackgroundHover: "#374151",
404+
darkListViewButtonText: "#9CA3AF",
405+
darkListViewButtonTextHover: "#FFFFFF",
406+
darkListViewButtonFocusRing: "#374151",
407+
darkListViewButtonBorder: "#4B5563",
408+
409+
/*----------------------------------------*/
410+
/* Show View Table */
411+
/*----------------------------------------*/
412+
darkShowTableHeadingBackground: "alias:darkFormHeading",
413+
darkShowTableHeadingText: "#9CA3AF",
414+
darkShowTableUnderHeadingBackground: "alias:darkFormHeading",
415+
darkShowTableUnderHeadingText: "#9CA3AF",
416+
darkShowTablesBodyBackground: "alias:darkForm",
417+
darkShowTableBodyText: "#9CA3AF",
418+
darkShowTableBodyBorder: "#374151",
419+
420+
/* Show View buttons*/
421+
darkShowViewButtonBackground: "#1F2937",
422+
darkShowViewButtonBackgroundHover: "#374151",
423+
darkShowViewButtonText: "#9CA3AF",
424+
darkShowViewButtonTextHover: "#FFFFFF",
425+
darkShowViewButtonFocusRing: "#374151",
426+
darkShowViewButtonBorder: "#4B5563",
427+
/*----------------------------------------*/
428+
/* Create View Table */
429+
/*----------------------------------------*/
430+
/* CreateView buttons */
431+
darkCreateViewButtonBackground: "#1F2937",
432+
darkCreateViewButtonBackgroundHover: "#374151",
433+
darkCreateViewButtonText: "#9CA3AF",
434+
darkCreateViewButtonTextHover: "#FFFFFF",
435+
darkCreateViewButtonFocusRing: "#374151",
436+
darkCreateViewButtonBorder: "#4B5563",
437+
438+
darkCreateViewSaveButtonText: "#EF4444",
439+
darkCreateViewSaveButtonTextHover: "#FFFFFF",
440+
441+
442+
/*----------------------------------------*/
443+
/* Edit View Table */
444+
/*----------------------------------------*/
445+
/* EditView buttons */
446+
darkEditViewButtonBackground: "#1F2937",
447+
darkEditViewButtonBackgroundHover: "#374151",
448+
darkEditViewButtonText: "#9CA3AF",
449+
darkEditViewButtonTextHover: "#FFFFFF",
450+
darkEditViewButtonFocusRing: "#374151",
451+
darkEditViewButtonBorder: "#4B5563",
452+
453+
darkEditViewSaveButtonText: "#EF4444",
454+
darkEditViewSaveButtonTextHover: "#FFFFFF",
455+
456+
457+
/*----------------------------------------*/
458+
/* Login View Table */
459+
/*----------------------------------------*/
460+
/* Login view */
461+
darkLoginViewBackground: "#374151",
462+
darkLoginViewTextColor: "#FFFFFF",
463+
darkLoginViewSubTextColor: "#D1D5DB",
464+
darkLoginViewPromptBackground: "#1F2937",
465+
darkLoginViewPromptText: "#9CA3AF",
466+
362467

468+
/***************************************************************
469+
* *
470+
* AdminForth light components *
471+
* *
472+
***************************************************************/
363473
darkDropdownButtonsBackground: "#374151",
364-
darkDropownButtonsBorder: "#4b5563",
474+
darkDropdownButtonsBorder: "#4b5563",
365475
darkDropdownButtonsText: "#FFFFFF",
366476
darkDropdownButtonsPlaceholderText: "#9CA3AF",
367477

@@ -392,14 +502,6 @@ export const styles = () => ({
392502
darkToggleBorderUnactive: "alias:darkPrimary lighten",
393503
darkToggleBorderActive: "alias:darkPrimary darken",
394504

395-
darkColumnValueInputBackground: "#374151",
396-
darkColumnValueInputPlaceholderText: "#9CA3AF",
397-
darkColumnValueInputText: "#FFFFFF",
398-
darkColumnValueInputBorder: "#4b5563",
399-
darkColumnValueInputIcons: "#9CA3AF",
400-
darkColumnValueInputFocusRing: "alias:darkPrimary",
401-
darkColumnValueInputFocusBorder: "alias:darkPrimary",
402-
403505
darkInputBackground: "#374151",
404506
darkInputPlaceholderText: "#9CA3AF",
405507
darkInputText: "#FFFFFF",
@@ -531,14 +633,6 @@ export const styles = () => ({
531633
darkFiltersClearAllButtonTextHover: "#FFFFFF",
532634
darkFiltersClearAllButtonFocus: "#374151",
533635

534-
darkShowTableHeadingBackground: "alias:darkFormHeading",
535-
darkShowTableHeadingText: "#9CA3AF",
536-
darkShowTableUnderHeadingBackground: "alias:darkFormHeading",
537-
darkShowTableUnderHeadingText: "#9CA3AF",
538-
darkShowTablesBodyBackground: "alias:darkForm",
539-
darkShowTableBodyText: "#9CA3AF",
540-
darkShowTableBodyBorder: "#F3F4F6",
541-
542636
darkThreeDotsMenuIconBackground: "#1F2937",
543637
darkThreeDotsMenuIconBackgroundHover: "#374151",
544638
darkThreeDotsMenuIconBackgroundBorder: "#4B5563",
@@ -558,53 +652,6 @@ export const styles = () => ({
558652
darkToastCloseIconFocusRing: "#374151",
559653
darkToastText: "#9CA3AF",
560654

561-
///////////////////////////////////////////////////////////////////
562-
//Show views
563-
/* CreateView buttons */
564-
darkCreateViewButtonBackground: "#1F2937",
565-
darkCreateViewButtonBackgroundHover: "#374151",
566-
darkCreateViewButtonText: "#9CA3AF",
567-
darkCreateViewButtonTextHover: "#FFFFFF",
568-
darkCreateViewButtonFocusRing: "#374151",
569-
darkCreateViewButtonBorder: "#4B5563",
570-
571-
darkCreateViewSaveButtonText: "#EF4444",
572-
darkCreateViewSaveButtonTextHover: "#FFFFFF",
573-
574-
/* EditView buttons */
575-
darkEditViewButtonBackground: "#1F2937",
576-
darkEditViewButtonBackgroundHover: "#374151",
577-
darkEditViewButtonText: "#9CA3AF",
578-
darkEditViewButtonTextHover: "#FFFFFF",
579-
darkEditViewButtonFocusRing: "#374151",
580-
darkEditViewButtonBorder: "#4B5563",
581-
582-
darkEditViewSaveButtonText: "#EF4444",
583-
darkEditViewSaveButtonTextHover: "#FFFFFF",
584-
585-
/* ListView buttons */
586-
darkListViewButtonBackground: "#1F2937",
587-
darkListViewButtonBackgroundHover: "#374151",
588-
darkListViewButtonText: "#9CA3AF",
589-
darkListViewButtonTextHover: "#FFFFFF",
590-
darkListViewButtonFocusRing: "#374151",
591-
darkListViewButtonBorder: "#4B5563",
592-
593-
/* Show View */
594-
darkShowViewButtonBackground: "#1F2937",
595-
darkShowViewButtonBackgroundHover: "#374151",
596-
darkShowViewButtonText: "#9CA3AF",
597-
darkShowViewButtonTextHover: "#FFFFFF",
598-
darkShowViewButtonFocusRing: "#374151",
599-
darkShowViewButtonBorder: "#4B5563",
600-
601-
/* Login view */
602-
darkLoginViewBackground: "#374151",
603-
darkLoginViewTextColor: "#FFFFFF",
604-
darkLoginViewSubTextColor: "#D1D5DB",
605-
darkLoginViewPromptBackground: "#1F2937",
606-
darkLoginViewPromptText: "#9CA3AF",
607-
608655

609656
},
610657
boxShadow: {

0 commit comments

Comments
 (0)