Skip to content

Commit 9842172

Browse files
mrholekmrholek
committed
refactor: update text color classNames
1 parent b922dad commit 9842172

File tree

8 files changed

+39
-37
lines changed

8 files changed

+39
-37
lines changed

‎src/views/examples/base/cards/Cards.js‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,7 @@ const Cards = () => {
115115
<CCard style={{ width: '18rem' }}>
116116
<CCardBody>
117117
<CCardTitle>Card title</CCardTitle>
118-
<CCardSubtitle className="mb-2 text-muted">Card subtitle</CCardSubtitle>
118+
<CCardSubtitle className="mb-2 text-medium-emphasis">Card subtitle</CCardSubtitle>
119119
<CCardText>
120120
Some quick example text to build on the card title and make up the bulk of the
121121
card's content.
@@ -329,7 +329,7 @@ const Cards = () => {
329329
</CCardText>
330330
<CButton href="#">Go somewhere</CButton>
331331
</CCardBody>
332-
<CCardFooter className="text-muted">2 days ago</CCardFooter>
332+
<CCardFooter className="text-medium-emphasis">2 days ago</CCardFooter>
333333
</CCard>
334334
</Example>
335335
</CCardBody>
@@ -572,7 +572,7 @@ const Cards = () => {
572572
additional content. This content is a little bit longer.
573573
</CCardText>
574574
<CCardText>
575-
<small className="text-muted">Last updated 3 mins ago</small>
575+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
576576
</CCardText>
577577
</CCardBody>
578578
</CCard>
@@ -586,7 +586,7 @@ const Cards = () => {
586586
additional content. This content is a little bit longer.
587587
</CCardText>
588588
<CCardText>
589-
<small className="text-muted">Last updated 3 mins ago</small>
589+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
590590
</CCardText>
591591
</CCardBody>
592592
<CCardImage
@@ -777,7 +777,7 @@ const Cards = () => {
777777
additional content. This content is a little bit longer.
778778
</CCardText>
779779
<CCardText>
780-
<small className="text-muted">Last updated 3 mins ago</small>
780+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
781781
</CCardText>
782782
</CCardBody>
783783
</CCard>
@@ -807,7 +807,7 @@ const Cards = () => {
807807
content.
808808
</CCardText>
809809
<CCardText>
810-
<small className="text-muted">Last updated 3 mins ago</small>
810+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
811811
</CCardText>
812812
</CCardBody>
813813
</CCard>
@@ -838,7 +838,7 @@ const Cards = () => {
838838
that equal height action.
839839
</CCardText>
840840
<CCardText>
841-
<small className="text-muted">Last updated 3 mins ago</small>
841+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
842842
</CCardText>
843843
</CCardBody>
844844
</CCard>
@@ -876,7 +876,7 @@ const Cards = () => {
876876
</CCardText>
877877
</CCardBody>
878878
<CCardFooter>
879-
<small className="text-muted">Last updated 3 mins ago</small>
879+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
880880
</CCardFooter>
881881
</CCard>
882882
<CCard>
@@ -906,7 +906,7 @@ const Cards = () => {
906906
</CCardText>
907907
</CCardBody>
908908
<CCardFooter>
909-
<small className="text-muted">Last updated 3 mins ago</small>
909+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
910910
</CCardFooter>
911911
</CCard>
912912
<CCard>
@@ -937,7 +937,7 @@ const Cards = () => {
937937
</CCardText>
938938
</CCardBody>
939939
<CCardFooter>
940-
<small className="text-muted">Last updated 3 mins ago</small>
940+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
941941
</CCardFooter>
942942
</CCard>
943943
</CCardGroup>
@@ -989,7 +989,7 @@ const Cards = () => {
989989
</CCardText>
990990
</CCardBody>
991991
<CCardFooter>
992-
<small className="text-muted">Last updated 3 mins ago</small>
992+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
993993
</CCardFooter>
994994
</CCard>
995995
</CCol>
@@ -1021,7 +1021,7 @@ const Cards = () => {
10211021
</CCardText>
10221022
</CCardBody>
10231023
<CCardFooter>
1024-
<small className="text-muted">Last updated 3 mins ago</small>
1024+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
10251025
</CCardFooter>
10261026
</CCard>
10271027
</CCol>
@@ -1053,7 +1053,7 @@ const Cards = () => {
10531053
</CCardText>
10541054
</CCardBody>
10551055
<CCardFooter>
1056-
<small className="text-muted">Last updated 3 mins ago</small>
1056+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
10571057
</CCardFooter>
10581058
</CCard>
10591059
</CCol>
@@ -1085,7 +1085,7 @@ const Cards = () => {
10851085
</CCardText>
10861086
</CCardBody>
10871087
<CCardFooter>
1088-
<small className="text-muted">Last updated 3 mins ago</small>
1088+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
10891089
</CCardFooter>
10901090
</CCard>
10911091
</CCol>
@@ -1125,7 +1125,7 @@ const Cards = () => {
11251125
</CCardText>
11261126
</CCardBody>
11271127
<CCardFooter>
1128-
<small className="text-muted">Last updated 3 mins ago</small>
1128+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
11291129
</CCardFooter>
11301130
</CCard>
11311131
</CCol>
@@ -1157,7 +1157,7 @@ const Cards = () => {
11571157
</CCardText>
11581158
</CCardBody>
11591159
<CCardFooter>
1160-
<small className="text-muted">Last updated 3 mins ago</small>
1160+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
11611161
</CCardFooter>
11621162
</CCard>
11631163
</CCol>
@@ -1189,7 +1189,7 @@ const Cards = () => {
11891189
</CCardText>
11901190
</CCardBody>
11911191
<CCardFooter>
1192-
<small className="text-muted">Last updated 3 mins ago</small>
1192+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
11931193
</CCardFooter>
11941194
</CCard>
11951195
</CCol>
@@ -1221,7 +1221,7 @@ const Cards = () => {
12211221
</CCardText>
12221222
</CCardBody>
12231223
<CCardFooter>
1224-
<small className="text-muted">Last updated 3 mins ago</small>
1224+
<small className="text-medium-emphasis">Last updated 3 mins ago</small>
12251225
</CCardFooter>
12261226
</CCard>
12271227
</CCol>

‎src/views/examples/base/list-groups/ListGroups.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -283,24 +283,24 @@ const ListGroups = () => {
283283
<CListGroupItem component="a" href="#">
284284
<div className="d-flex w-100 justify-content-between">
285285
<h5 className="mb-1">List group item heading</h5>
286-
<small className="text-muted">3 days ago</small>
286+
<small className="text-medium-emphasis">3 days ago</small>
287287
</div>
288288
<p className="mb-1">
289289
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus
290290
varius blandit.
291291
</p>
292-
<small className="text-muted">Donec id elit non mi porta.</small>
292+
<small className="text-medium-emphasis">Donec id elit non mi porta.</small>
293293
</CListGroupItem>
294294
<CListGroupItem component="a" href="#">
295295
<div className="d-flex w-100 justify-content-between">
296296
<h5 className="mb-1">List group item heading</h5>
297-
<small className="text-muted">3 days ago</small>
297+
<small className="text-medium-emphasis">3 days ago</small>
298298
</div>
299299
<p className="mb-1">
300300
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus
301301
varius blandit.
302302
</p>
303-
<small className="text-muted">Donec id elit non mi porta.</small>
303+
<small className="text-medium-emphasis">Donec id elit non mi porta.</small>
304304
</CListGroupItem>
305305
</CListGroup>
306306
</Example>

‎src/views/examples/pages/login/Login.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ import CIcon from '@coreui/icons-react'
1717

1818
const Login = () => {
1919
return (
20-
<div className="c-app c-default-layout flex-row align-items-center">
20+
<div className="bg-light min-vh-100 d-flex flex-row align-items-center">
2121
<CContainer>
2222
<CRow className="justify-content-center">
2323
<CCol md="8">
@@ -26,7 +26,7 @@ const Login = () => {
2626
<CCardBody>
2727
<CForm>
2828
<h1>Login</h1>
29-
<p className="text-muted">Sign In to your account</p>
29+
<p className="text-medium-emphasis">Sign In to your account</p>
3030
<CInputGroup className="mb-3">
3131
<CInputGroupText>
3232
<CIcon name="cil-user" />
@@ -58,7 +58,7 @@ const Login = () => {
5858
</CForm>
5959
</CCardBody>
6060
</CCard>
61-
<CCard className="text-white bg-primary py-5 d-md-down-none" style={{ width: '44%' }}>
61+
<CCard className="text-white bg-primary py-5" style={{ width: '44%' }}>
6262
<CCardBody className="text-center">
6363
<div>
6464
<h2>Sign up</h2>

‎src/views/examples/pages/page404/Page404.js‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,16 @@ import CIcon from '@coreui/icons-react'
1212

1313
const Page404 = () => {
1414
return (
15-
<div className="c-app c-default-layout flex-row align-items-center">
15+
<div className="bg-light min-vh-100 d-flex flex-row align-items-center">
1616
<CContainer>
1717
<CRow className="justify-content-center">
1818
<CCol md="6">
1919
<div className="clearfix">
2020
<h1 className="float-start display-3 me-4">404</h1>
2121
<h4 className="pt-3">Oops! You{"'"}re lost.</h4>
22-
<p className="text-muted float-start">The page you are looking for was not found.</p>
22+
<p className="text-medium-emphasis float-start">
23+
The page you are looking for was not found.
24+
</p>
2325
</div>
2426
<CInputGroup className="input-prepend">
2527
<CInputGroupText>

‎src/views/examples/pages/page500/Page500.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,14 @@ import CIcon from '@coreui/icons-react'
1212

1313
const Page500 = () => {
1414
return (
15-
<div className="c-app c-default-layout flex-row align-items-center">
15+
<div className="bg-light min-vh-100 d-flex flex-row align-items-center">
1616
<CContainer>
1717
<CRow className="justify-content-center">
1818
<CCol md="6">
1919
<span className="clearfix">
2020
<h1 className="float-start display-3 me-4">500</h1>
2121
<h4 className="pt-3">Houston, we have a problem!</h4>
22-
<p className="text-muted float-start">
22+
<p className="text-medium-emphasis float-start">
2323
The page you are looking for is temporarily unavailable.
2424
</p>
2525
</span>

‎src/views/examples/pages/register/Register.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,15 +16,15 @@ import CIcon from '@coreui/icons-react'
1616

1717
const Register = () => {
1818
return (
19-
<div className="c-app c-default-layout flex-row align-items-center">
19+
<div className="bg-light min-vh-100 d-flex flex-row align-items-center">
2020
<CContainer>
2121
<CRow className="justify-content-center">
2222
<CCol md="9" lg="7" xl="6">
2323
<CCard className="mx-4">
2424
<CCardBody className="p-4">
2525
<CForm>
2626
<h1>Register</h1>
27-
<p className="text-muted">Create your account</p>
27+
<p className="text-medium-emphasis">Create your account</p>
2828
<CInputGroup className="mb-3">
2929
<CInputGroupText>
3030
<CIcon name="cil-user" />

‎src/views/examples/theme/colors/Colors.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,11 @@ const ThemeView = () => {
1818
<table className="table w-100" ref={ref}>
1919
<tbody>
2020
<tr>
21-
<td className="text-muted">HEX:</td>
21+
<td className="text-medium-emphasis">HEX:</td>
2222
<td className="font-weight-bold">{rgbToHex(color)}</td>
2323
</tr>
2424
<tr>
25-
<td className="text-muted">RGB:</td>
25+
<td className="text-medium-emphasis">RGB:</td>
2626
<td className="font-weight-bold">{color}</td>
2727
</tr>
2828
</tbody>

‎src/views/examples/widgets/Widgets.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -168,7 +168,7 @@ const Widgets = () => {
168168
color="primary"
169169
footer={
170170
<CLink
171-
className="font-weight-bold font-xs btn-block text-muted"
171+
className="font-weight-bold font-xs btn-block text-medium-emphasis"
172172
href="https://coreui.io/"
173173
rel="noopener norefferer"
174174
target="_blank"
@@ -189,7 +189,7 @@ const Widgets = () => {
189189
color="info"
190190
footer={
191191
<CLink
192-
className="font-weight-bold font-xs btn-block text-muted"
192+
className="font-weight-bold font-xs btn-block text-medium-emphasis"
193193
href="https://coreui.io/"
194194
rel="noopener norefferer"
195195
target="_blank"
@@ -210,7 +210,7 @@ const Widgets = () => {
210210
color="warning"
211211
footer={
212212
<CLink
213-
className="font-weight-bold font-xs btn-block text-muted"
213+
className="font-weight-bold font-xs btn-block text-medium-emphasis"
214214
href="https://coreui.io/"
215215
rel="noopener norefferer"
216216
target="_blank"
@@ -231,7 +231,7 @@ const Widgets = () => {
231231
color="danger"
232232
footer={
233233
<CLink
234-
className="font-weight-bold font-xs btn-block text-muted"
234+
className="font-weight-bold font-xs btn-block text-medium-emphasis"
235235
href="https://coreui.io/"
236236
rel="noopener norefferer"
237237
target="_blank"

0 commit comments

Comments
 (0)