Skip to content

Commit 9799b70

Browse files
authored
Merge pull request #117 from cozy/remove-dark-mode
feat: Remove dark mode
2 parents 2751261 + 4a3b631 commit 9799b70

19 files changed

+19895
-8715
lines changed

.github/workflows/ci.yml

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,28 +4,30 @@ on:
44
branches:
55
- main
66
paths-ignore:
7-
- 'README.md'
7+
- "README.md"
88
pull_request:
99
paths-ignore:
10-
- 'README.md'
10+
- "README.md"
1111
jobs:
1212
test:
1313
runs-on: ubuntu-22.04
1414
steps:
1515
- name: Checkout code
16-
uses: actions/checkout@v2
16+
uses: actions/checkout@v4
1717
- name: Set up Node.js
18-
uses: actions/setup-node@v2
18+
uses: actions/setup-node@v4
1919
with:
2020
node-version: 20
2121
- name: Install dependencies
22-
run: yarn install
22+
run: |
23+
npm config set loglevel verbose
24+
timeout 300s npm install --no-fund --no-audit
2325
- name: Build
24-
run: yarn build
26+
run: npm run build
2527
- name: Lint
26-
run: yarn lint
28+
run: npm run lint
2729
- name: Docs
28-
run: yarn gh-pages
30+
run: npm run gh-pages
2931
- name: Test
3032
run: node_modules/.bin/serve --listen 3000 gh-pages/ & yarn test
3133
- name: Deploy docs
@@ -36,7 +38,7 @@ jobs:
3638
publish_dir: ./gh-pages
3739
- name: Publish npm
3840
if: github.event_name == 'push'
39-
run: yarn release
41+
run: npm run release
4042
env:
4143
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
4244
NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

backstop.json

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -89,12 +89,6 @@
8989
}
9090
]
9191
},
92-
{
93-
"label": "Unavailable application dark mode",
94-
"url": "http://localhost:3000/error-app",
95-
"onReadyScript": "../../screenshots/makeDarkMode.js",
96-
"delay": 200
97-
},
9892
{
9993
"label": "Typography",
10094
"url": "http://localhost:3000/typography",

docs/accordions.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@
77
<link rel="stylesheet" href="fonts/fonts.css" />
88
<link rel="stylesheet" href="cozy-bs.css" />
99
<link rel="stylesheet" href="icons/icons.css" />
10-
<link rel="stylesheet" href="themes/dark.css" />
1110
<script src="themes/loader.js"></script>
1211
</head>
1312
<body class="bg-paper">

docs/alerts.html

Lines changed: 0 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@
77
<link rel="stylesheet" href="fonts/fonts.css" />
88
<link rel="stylesheet" href="cozy-bs.css" />
99
<link rel="stylesheet" href="icons/icons.css" />
10-
<link rel="stylesheet" href="themes/dark.css" />
1110
<script src="themes/loader.js"></script>
1211
</head>
1312
<body class="bg-paper">
@@ -64,29 +63,6 @@ <h2 class="alert-heading h6">Info</h2>
6463
This is an info alert!
6564
</div>
6665
</section>
67-
<section class="wrapper m-0 w-25 border border-start-0 theme-dark">
68-
<h1 class="invisible my-4">Alerts</h1>
69-
<div class="alert alert-primary">
70-
<h2 class="alert-heading h6">News</h2>
71-
This is a news alert!
72-
</div>
73-
<div class="alert alert-danger">
74-
<h2 class="alert-heading h6">Error</h2>
75-
This is an error alert!
76-
</div>
77-
<div class="alert alert-warning">
78-
<h2 class="alert-heading h6">Warning</h2>
79-
This is a warning alert!
80-
</div>
81-
<div class="alert alert-success">
82-
<h2 class="alert-heading h6">Success</h2>
83-
This is a success alert!
84-
</div>
85-
<div class="alert alert-info">
86-
<h2 class="alert-heading h6">Info</h2>
87-
This is an info alert!
88-
</div>
89-
</section>
9066
</main>
9167
</body>
9268
</html>

docs/buttons.html

Lines changed: 0 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@
77
<link rel="stylesheet" href="fonts/fonts.css" />
88
<link rel="stylesheet" href="cozy-bs.css" />
99
<link rel="stylesheet" href="icons/icons.css" />
10-
<link rel="stylesheet" href="themes/dark.css" />
1110
<script src="themes/loader.js"></script>
1211
</head>
1312
<body>
@@ -88,41 +87,6 @@ <h2 class="h4">Text</h2>
8887
<button type="button" class="btn btn-text">Button</button>
8988
</div>
9089
</section>
91-
<section class="wrapper m-0 w-25 border-top border-bottom theme-dark">
92-
<h1 class="my-3 invisible">Buttons</h1>
93-
<div class="my-3">
94-
<h2 class="h4">Primary</h2>
95-
<button type="button" class="btn btn-primary">Button</button>
96-
</div>
97-
<div class="my-3">
98-
<h2 class="h4">Secondary</h2>
99-
<button type="button" class="btn btn-outline-info">Button</button>
100-
</div>
101-
<div class="my-3">
102-
<h2 class="h4">Ghost</h2>
103-
<button type="button" class="btn btn-outline-primary">Button</button>
104-
</div>
105-
<div class="my-3">
106-
<h2 class="h4">Intent</h2>
107-
<button type="button" class="btn btn-danger">Button</button>
108-
</div>
109-
<div class="my-3">
110-
<h2 class="h4">Intent outlined</h2>
111-
<button type="button" class="btn btn-outline-danger">Button</button>
112-
</div>
113-
<div class="my-3">
114-
<h2 class="h4">Disabled</h2>
115-
<button type="button" class="btn btn-primary" disabled>Button</button>
116-
</div>
117-
<div class="my-3">
118-
<h2 class="h4">Disabled outlined</h2>
119-
<button type="button" class="btn btn-outline-primary" disabled>Button</button>
120-
</div>
121-
<div class="my-3">
122-
<h2 class="h4">Text</h2>
123-
<button type="button" class="btn btn-text">Button</button>
124-
</div>
125-
</section>
12690
<section class="wrapper m-0 w-25 border border-start-0">
12791
<div class="my-3">
12892
<h2 class="h4">Examples</h2>

docs/cards.html

Lines changed: 0 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@
77
<link rel="stylesheet" href="fonts/fonts.css" />
88
<link rel="stylesheet" href="cozy-bs.css" />
99
<link rel="stylesheet" href="icons/icons.css" />
10-
<link rel="stylesheet" href="themes/dark.css" />
1110
<script src="themes/loader.js"></script>
1211
</head>
1312
<body class="bg-paper">
@@ -66,30 +65,6 @@ <h2 class="h3 text-danger">Intent</h2>
6665
</p>
6766
</div>
6867
</section>
69-
<section class="wrapper m-0 border border-start-0 theme-dark">
70-
<h1 class="invisible my-4">Cards</h1>
71-
<div class="card card-simple mb-4 p-3">
72-
<h2 class="h3">Simple</h2>
73-
<p class="mb-0">
74-
Oportunum est, ut arbitror, explanare nunc causam, quae ad exitium praecipit Aginatium
75-
inpulit.
76-
</p>
77-
</div>
78-
<div class="card card-elevation mb-4 p-3 shadow">
79-
<h2 class="h3">Elevation</h2>
80-
<p class="mb-0">
81-
Oportunum est, ut arbitror, explanare nunc causam, quae ad exitium praecipit Aginatium
82-
inpulit.
83-
</p>
84-
</div>
85-
<div class="card card-intent mb-4 p-3">
86-
<h2 class="h3">Intent</h2>
87-
<p class="mb-0">
88-
Oportunum est, ut arbitror, explanare nunc causam, quae ad exitium praecipit Aginatium
89-
inpulit.
90-
</p>
91-
</div>
92-
</section>
9368
</main>
9469
</body>
9570
</html>

docs/forms.html

Lines changed: 0 additions & 141 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@
77
<link rel="stylesheet" href="fonts/fonts.css" />
88
<link rel="stylesheet" href="cozy-bs.css" />
99
<link rel="stylesheet" href="icons/icons.css" />
10-
<link rel="stylesheet" href="themes/dark.css" />
1110
<script src="themes/loader.js"></script>
1211
<script src="scripts/dropdown.js"></script>
1312
</head>
@@ -298,146 +297,6 @@ <h2>Material inputs</h2>
298297
</div>
299298
</div>
300299
</section>
301-
<section class="wrapper m-0 w-25 border border-start-0 theme-dark">
302-
<h1 class="invisible my-4">Forms</h1>
303-
<div class="my-3">
304-
<h2>Checks</h2>
305-
<div class="form-check">
306-
<input class="form-check-input" type="checkbox" value="" id="darkCheckDefault" />
307-
<label class="form-check-label" for="darkCheckDefault"> Default checkbox </label>
308-
</div>
309-
<div class="form-check">
310-
<input
311-
class="form-check-input"
312-
type="checkbox"
313-
value=""
314-
id="darkCheckChecked"
315-
checked
316-
/>
317-
<label class="form-check-label" for="darkCheckChecked"> Checked checkbox </label>
318-
</div>
319-
<div class="form-check">
320-
<input
321-
class="form-check-input"
322-
type="checkbox"
323-
value=""
324-
id="darkCheckDisabled"
325-
disabled
326-
/>
327-
<label class="form-check-label" for="darkCheckDisabled"> Disabled checkbox </label>
328-
</div>
329-
</div>
330-
<div class="my-3">
331-
<h2>Material inputs</h2>
332-
<div class="form-floating mb-3">
333-
<input
334-
type="email"
335-
class="form-control"
336-
id="darkFloatingInput"
337-
placeholder="name@example.com"
338-
autocomplete="off"
339-
/>
340-
<label for="darkFloatingInput">Email address</label>
341-
</div>
342-
<div class="form-floating mb-3">
343-
<input
344-
type="password"
345-
class="form-control"
346-
id="darkFloatingPassword"
347-
placeholder="Password"
348-
autocomplete="off"
349-
/>
350-
<label for="darkFloatingPassword">Password</label>
351-
</div>
352-
<div class="form-floating mb-3">
353-
<input
354-
type="text"
355-
class="form-control form-control-md-lg"
356-
id="darkFloatingLarge"
357-
placeholder="large"
358-
autocomplete="off"
359-
/>
360-
<label for="darkFloatingLarge">Large</label>
361-
</div>
362-
<form class="form-floating mb-3">
363-
<input
364-
type="email"
365-
class="form-control is-invalid"
366-
id="darkFloatingInputInvalid"
367-
placeholder="name@example.com"
368-
value="$invalid"
369-
required
370-
autocomplete="off"
371-
/>
372-
<label for="darkFloatingInputInvalid">Invalid input</label>
373-
<div class="invalid-tooltip mb-1">
374-
<div class="tooltip-arrow"></div>
375-
<span class="icon icon-alert bg-danger"></span>
376-
This input is not valid
377-
</div>
378-
<ul class="fst-italic small">
379-
<li class="text-danger">Only letters and digits</li>
380-
<li class="text-danger">Start with a letter</li>
381-
<li class="text-muted">Do not enter your email address</li>
382-
</ul>
383-
</form>
384-
<form class="input-group form-floating has-validation mb-3">
385-
<input
386-
type="text"
387-
class="form-control is-invalid"
388-
id="darkFloatingInputGroup"
389-
placeholder="username"
390-
required
391-
autocomplete="off"
392-
/>
393-
<label for="darkFloatingInputGroup">Input group</label>
394-
<span class="input-group-text">@example.com</span>
395-
<div class="invalid-tooltip mb-1">
396-
<div class="tooltip-arrow"></div>
397-
<span class="icon icon-alert bg-danger"></span>
398-
This input is not valid
399-
</div>
400-
</form>
401-
<div class="input-group form-floating mb-3">
402-
<input
403-
type="text"
404-
class="form-control"
405-
id="darkFloatingInputSelect"
406-
placeholder="something"
407-
autocomplete="off"
408-
/>
409-
<label for="darkFloatingInputSelect">Input with a select</label>
410-
<select
411-
class="form-select form-select-end w-min-content flex-grow-0"
412-
id="darkInputGroupSelect"
413-
aria-label="Options"
414-
>
415-
<option value="foo" selected>Foo</option>
416-
<option value="bar">Bar</option>
417-
<option value="baz">Baz</option>
418-
</select>
419-
<span class="select-arrow"></span>
420-
</div>
421-
<div class="input-group form-floating mb-3">
422-
<input
423-
type="text"
424-
class="form-control"
425-
id="darkFloatingInputDropdown"
426-
placeholder="something"
427-
autocomplete="off"
428-
/>
429-
<label for="darkFloatingInputDropdown">Input with a dropdown</label>
430-
<button class="btn btn-outline-info dropdown-toggle" type="button">Dropdown</button>
431-
<ul class="dropdown-menu dropdown-menu-end end-0">
432-
<li><a class="dropdown-item" href="#">Action</a></li>
433-
<li><a class="dropdown-item" href="#">Another action</a></li>
434-
<li><a class="dropdown-item" href="#">Something else here</a></li>
435-
<li><hr class="dropdown-divider" /></li>
436-
<li><a class="dropdown-item" href="#">Separated link</a></li>
437-
</ul>
438-
</div>
439-
</div>
440-
</section>
441300
</main>
442301
</body>
443302
</html>

docs/modals.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@
77
<link rel="stylesheet" href="fonts/fonts.css" />
88
<link rel="stylesheet" href="cozy-bs.css" />
99
<link rel="stylesheet" href="icons/icons.css" />
10-
<link rel="stylesheet" href="themes/dark.css" />
1110
<script src="themes/loader.js"></script>
1211
</head>
1312
<body class="bg-paper modal-open">

0 commit comments

Comments
 (0)