1+ /*
2+ **********************************************
3+ |docname| - a WCAG 2.0 AA compliant stylesheet
4+ **********************************************
5+ */
6+
7+ /* Variables holding theme colors */
8+ : root {
9+ --codebuttons : # 474949 ;
10+ }
11+ [data-theme = "dark" ] {
12+ --codebuttons : # 2c0aa6 ;
13+ }
14+ /*Navigation Tabbing Styling*/
15+ li .dropdown .open a .dropdown-toggle , li .dropdown .open a .dropdown-toggle : focus {
16+ border : 0px !important ;
17+ /*background-color: #346A6E!important;*/
18+ background-color : # 2A5659 !important ;
19+ color : # F8F8F8 !important ;
20+ }
21+ a .dropdown-toggle : focus {
22+ /*border:1px solid #5B9DD9 !important;
23+ color:#5B9DD9 !important;
24+ width:48px !important;*/
25+ background-color : # 52A6AC!important ;
26+ color : # F8F8F8 !important ;
27+ }
28+ /* Border Manipulation */
29+ li .divider-vertical {
30+ margin : 0px !important ;
31+ }
32+ li .dropdown a .dropdown-toggle {
33+ padding : 15px 18px !important ;
34+ }
35+
36+ /*
37+ Bootstrap button styling
38+ */
39+
40+ /* Default Button */
41+ /* Passes WCAG 2.0 */
42+ button .btn .btn-default : active {
43+ color : # 474949 !important ;
44+ background-color : # FFFFFF !important ;
45+ }
46+ button .btn .btn-default : focus {
47+ color : # 474949 !important ;
48+ background-color : # FFFFFF !important ;
49+ }
50+ button .btn .btn-default {
51+ color : # FFFFFF !important ;
52+ background-color : var (--codebuttons ) !important ;
53+ }
54+ button .btn .btn-default .btn-sm .disabled : active {
55+ color : # 474949 !important ;
56+ background-color : # FFFFFF !important ;
57+ }
58+ button .btn .btn-default .btn-sm .disabled : focus {
59+ color : # 474949 !important ;
60+ background-color : # FFFFFF !important ;
61+ }
62+ button .btn .btn-default .btn-sm .disabled {
63+ color : # FFFFFF !important ;
64+ background-color : # 474949 !important ;
65+ }
66+ /* Sucess Button */
67+ /* Failed WCAG 2.0, #255425 passes */
68+ button .btn .btn-success : active {
69+ color : # 427e44 !important ;
70+ background-color : # FFFFFF !important ;
71+ }
72+ button .btn .btn-success : focus {
73+ color : # 427e44!important ;
74+ background-color : # FFFFFF !important ;
75+ }
76+ button .btn .btn-success {
77+ color : # FFFFFF !important ;
78+ background-color : # 427e44!important ;
79+ }
80+
81+ /*Primary Button*/
82+ /* fails WCAG 2.0, #265986 passes */
83+ button .btn .btn-primary : active {
84+ color : # 3379b6!important ;
85+ background-color : # FFFFFF !important ;
86+ }
87+ button .btn .btn-primary : focus {
88+ color : # 3379b6 !important ;
89+ background-color : # FFFFFF !important ;
90+ }
91+ button .btn .btn-primary {
92+ color : # FFFFFF !important ;
93+ background-color : # 3379b6 !important ;
94+ }
95+
96+
97+ /*Info Button */
98+ /* Fails, WCAG 2.0, #155569 passes*/
99+ button .btn .btn-info : active {
100+ color : # 1a6a83!important ;
101+ background-color : # FFFFFF !important ;
102+ }
103+ button .btn .btn-info : focus {
104+ color : # 1a6a83 !important ;
105+ background-color : # FFFFFF !important ;
106+ }
107+ button .btn .btn-info {
108+ color : # FFFFFF !important ;
109+ background-color : # 1a6a83 !important ;
110+ }
111+
112+ /*Warning Button*/
113+ /*Fails WCAG 2.0, #794b0b*/
114+ button .btn .btn-warning : active {
115+ color : # 945c0e !important ;
116+ background-color : # FFFFFF !important ;
117+ }
118+ button .btn .btn-warning : focus {
119+ color : # 945c0e !important ;
120+ background-color : # FFFFFF !important ;
121+ }
122+ button .btn .btn-warning {
123+ color : # FFFFFF !important ;
124+ background-color : # 945c0e !important ;
125+ }
126+
127+ /*Danger Button */
128+ /*Fails, #a62924 passes*/
129+ button .btn .btn-danger : active {
130+ color : # d33a35 !important ;
131+ background-color : # FFFFFF !important ;
132+ }
133+ button .btn .btn-danger : focus {
134+ color : # d33a35 !important ;
135+ background-color : # FFFFFF !important ;
136+ }
137+ button .btn .btn-danger {
138+ color : # FFFFFF !important ;
139+ background-color : # d33a35 !important ;
140+ }
141+
142+ /*Link Button*/
143+ /*Fails AAA, passes with #265986*/
144+ button .btn .btn-link : active {
145+ color : # FFFFFF!important ;
146+ background-color : # 1a6a83 !important ;
147+ }
148+ button .btn .btn-link : focus {
149+ color : # FFFFFF !important ;
150+ background-color : # 1a6a83 !important ;
151+ }
152+ button .btn .btn-link {
153+ color : # 1a6a83 !important ;
154+ background-color : # FFFFFF !important ;
155+ }
0 commit comments