Skip to content

Commit 020e8f6

Browse files
mmeigsmmeigs
authored
Dark icons - master (#3376)
## Pull Request Info - SDK Docs Consolidation Jira ticket: https://jira.mongodb.org/browse/DOP-4942 Use dark icons with their [CMS names](https://mongodbcom.website.prod.corp.mongodb.com/cms/icons) instead of image files. This gives both light and dark mode automatically. ### Staging Links [Staging](https://docs-mongodb-org-stg.s3.us-east-2.amazonaws.com/DOP-4942-dark-icons-realm-master/realm/matt.meigs/main/index.html)
1 parent 6a15b07 commit 020e8f6

29 files changed

+137
-73
lines changed

‎source/images/icons/branding_2022/General_ACTION_BestPractices3x.png

-4.65 KB
Binary file not shown.

‎source/images/icons/branding_2022/General_CONTENT_Tutorial3x.png

-3.69 KB
Binary file not shown.

‎source/images/icons/branding_2022/Technical_ATLAS_Functions3x.png

-5.08 KB
Binary file not shown.

‎source/images/icons/branding_2022/Technical_REALM_Mobile3x.png

-3.12 KB
Binary file not shown.

‎source/images/icons/branding_2022/Technical_REALM_SDK3x.png

-4.2 KB
Binary file not shown.

‎source/images/icons/branding_2023/General_CLOUD_Mobility10x.png

-20.2 KB
Binary file not shown.

‎source/images/icons/branding_2023/General_CONTENT_Users10x.png

-21.1 KB
Binary file not shown.

‎source/images/icons/branding_2023/General_FEATURES_Transactions10x.png

-20 KB
Binary file not shown.

‎source/images/icons/branding_2023/General_SECURITY_Encryption10x.png

-13.4 KB
Binary file not shown.

‎source/images/icons/branding_2023/Technical_ATLAS_AsymmetricSync10x.png

-20.5 KB
Binary file not shown.

‎source/images/icons/branding_2023/Technical_MDB_StaticHosting10x.png

-14 KB
Binary file not shown.

‎source/images/icons/branding_2023/Technical_MDB_VectorSearch.png

-26 KB
Binary file not shown.

‎source/images/icons/branding_2023/Technical_REALM_Mobile10x.png

-11.6 KB
Binary file not shown.

‎source/images/icons/branding_2023/Technical_REALM_Offline10x.png

-16 KB
Binary file not shown.

‎source/images/icons/nextjs-logo-icon-dark.svg

Lines changed: 20 additions & 0 deletions
Loading

‎source/images/icons/node_js_logo_icon.svg

Lines changed: 52 additions & 0 deletions
Loading

‎source/images/icons/node_js_sdk.svg

Lines changed: 0 additions & 9 deletions
This file was deleted.

‎source/images/icons/realm/general-flexibility.png

-5.08 KB
Binary file not shown.

‎source/index.txt

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ SDK is language-idiomatic and includes:
100100
.. card::
101101
:headline: Node.js SDK
102102
:url: https://www.mongodb.com/docs/realm/sdk/node/
103-
:icon: /images/icons/node_js_sdk.svg
103+
:icon: /images/icons/node_js_logo_icon.svg
104104
:icon-alt: Node.JS SDK icon
105105

106106
Use the Node.js SDK to build server and IoT applications in JavaScript or TypeScript.

‎source/sdk.txt

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ and platforms. Each SDK is language-idiomatic and includes:
4848
.. card::
4949
:headline: Node.js SDK
5050
:url: https://www.mongodb.com/docs/realm/sdk/node/
51-
:icon: /images/icons/node_js_sdk.svg
51+
:icon: /images/icons/node_js_logo_icon.svg
5252
:icon-alt: Node.JS SDK icon
5353

5454
Use the Node.js SDK to build server and IoT applications in JavaScript or TypeScript.

‎source/sdk/cpp.txt

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ Get Started with the C++ SDK
4747
:headline: Quick Start
4848
:cta: See Code Examples
4949
:url: https://www.mongodb.com/docs/realm/sdk/cpp/quick-start/
50-
:icon: /images/icons/branding_2022/Technical_ATLAS_Functions3x.png
50+
:icon: atlas_functions
5151
:icon-alt: Functions Icon
5252

5353
Minimal-explanation code examples of how to work with the C++ SDK,
@@ -57,7 +57,7 @@ Get Started with the C++ SDK
5757
:headline: Working Example App
5858
:cta: Explore an Example App
5959
:url: https://www.mongodb.com/docs/atlas/app-services/template-apps/
60-
:icon: /images/icons/branding_2022/Technical_REALM_Mobile3x.png
60+
:icon: realm_mobile
6161
:icon-alt: Atlas Device SDK Mobile Icon
6262

6363
Learn from a working terminal GUI client app that
@@ -67,7 +67,7 @@ Get Started with the C++ SDK
6767
:headline: Guided Tutorial
6868
:cta: Follow the Tutorial
6969
:url: https://mongodb.com/docs/atlas/app-services/tutorial/cpp/
70-
:icon: /images/icons/branding_2022/General_CONTENT_Tutorial3x.png
70+
:icon: general_content_tutorial
7171
:icon-alt: Tutorial Icon
7272

7373
Follow a guided tutorial to learn how to adapt the example app to
@@ -202,7 +202,7 @@ Recommended Reading
202202
:headline: Quick Start
203203
:cta: See Code Examples
204204
:url: https://www.mongodb.com/docs/realm/sdk/cpp/quick-start/
205-
:icon: /images/icons/branding_2022/Technical_ATLAS_Functions3x.png
205+
:icon: atlas_functions
206206
:icon-alt: Functions Icon
207207

208208
Minimal-explanation code examples of how to work with the SDK.
@@ -211,7 +211,7 @@ Recommended Reading
211211
:headline: C++ API Reference
212212
:cta: C++ SDK Reference
213213
:url: https://www.mongodb.com/docs/realm-sdks/cpp/latest
214-
:icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
214+
:icon: realm_sdk
215215
:icon-alt: SDK Icon
216216

217217
Explore generated Doxygen reference docs for the C++ APIs.
@@ -220,7 +220,7 @@ Recommended Reading
220220
:headline: C++ SDK on GitHub
221221
:cta: C++ SDK Repository
222222
:url: https://github.com/realm/realm-cpp
223-
:icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
223+
:icon: realm_sdk
224224
:icon-alt: SDK Icon
225225

226226
Explore the C++ SDK on GitHub.

‎source/sdk/dotnet.txt

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ Get Started with the .NET SDK
5050
:headline: Quick Start
5151
:cta: See Code Examples
5252
:url: https://www.mongodb.com/docs/realm/sdk/dotnet/quick-start/
53-
:icon: /images/icons/branding_2022/Technical_ATLAS_Functions3x.png
53+
:icon: atlas_functions
5454
:icon-alt: Functions Icon
5555

5656
Minimal-explanation code examples of how to work with the .NET SDK.
@@ -60,7 +60,7 @@ Get Started with the .NET SDK
6060
:headline: Working Example App
6161
:cta: Explore an Example App
6262
:url: https://www.mongodb.com/docs/atlas/app-services/template-apps/
63-
:icon: /images/icons/branding_2022/Technical_REALM_Mobile3x.png
63+
:icon: realm_mobile
6464
:icon-alt: Atlas Device SDK Mobile Icon
6565

6666
Learn from example by dissecting a working MAUI client app that
@@ -70,7 +70,7 @@ Get Started with the .NET SDK
7070
:headline: Guided Tutorial
7171
:cta: Follow the Tutorial
7272
:url: https://mongodb.com/docs/atlas/app-services/tutorial/dotnet/
73-
:icon: /images/icons/branding_2022/General_CONTENT_Tutorial3x.png
73+
:icon: general_content_tutorial
7474
:icon-alt: Tutorial Icon
7575

7676
Follow a guided tutorial to learn how to adapt the example app to
@@ -211,7 +211,7 @@ Recommended Reading
211211
:headline: .NET API Reference
212212
:cta: .NET Reference
213213
:url: https://www.mongodb.com/docs/realm-sdks/dotnet/latest/
214-
:icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
214+
:icon: realm_sdk
215215
:icon-alt: Atlas Device SDK Icon
216216

217217
Explore generated reference docs for the SDK's .NET APIs.
@@ -220,7 +220,7 @@ Recommended Reading
220220
:headline: Integrate the SDK with Unity
221221
:cta: Install and Integrate the SDK with Unity
222222
:url: https://www.mongodb.com/docs/realm/sdk/dotnet/unity/
223-
:icon: /images/icons/branding_2022/General_CONTENT_Tutorial3x.png
223+
:icon: general_content_tutorial
224224
:icon-alt: Tutorial Icon
225225

226226
Find out how to integrate the SDK with your Unity project.
@@ -229,7 +229,7 @@ Recommended Reading
229229
:headline: Check Out Releases
230230
:cta: See .NET Releases
231231
:url: https://github.com/realm/realm-dotnet/releases
232-
:icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
232+
:icon: realm_sdk
233233
:icon-alt: Atlas Device SDK Icon
234234

235235
See the latest releases, new features, and bug fixes.
@@ -251,7 +251,7 @@ the :ref:`<realm-example-projects-table>` page for more .NET sample apps.
251251
:headline: Large File Storage
252252
:cta: Example App
253253
:url: https://github.com/realm/realm-dotnet-lfs
254-
:icon: /images/icons/branding_2022/General_ACTION_BestPractices3x.png
254+
:icon: general_action_best_practices
255255
:icon-alt: File Icon
256256

257257
Store large files, such as images, on a remote server. Use Triggers and
@@ -262,7 +262,7 @@ the :ref:`<realm-example-projects-table>` page for more .NET sample apps.
262262
:headline: Analytics/Telemetrics Data
263263
:cta: Example App
264264
:url: https://github.com/realm/realm-dotnet-samples/tree/main/AnalyticsTelemetry
265-
:icon: /images/icons/branding_2023/Technical_ATLAS_AsymmetricSync10x.png
265+
:icon: atlas_asymmetric_sync
266266
:icon-alt: Atlas Device Sync Icon
267267

268268
Take sensor readings, push data to Atlas, and display the results in
@@ -272,7 +272,7 @@ the :ref:`<realm-example-projects-table>` page for more .NET sample apps.
272272
:headline: Use the SDK with REST APIs
273273
:cta: Example App
274274
:url: https://github.com/realm/xamarin-examples-architecture
275-
:icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
275+
:icon: realm_sdk
276276
:icon-alt: Tool Kit Icon
277277

278278
Use the SDK for real-time operations together with REST APIs for

‎source/sdk/flutter.txt

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ Get Started with the Flutter SDK
5151
:headline: Quick Start
5252
:cta: See Code Examples
5353
:url: https://www.mongodb.com/docs/realm/sdk/flutter/quick-start/
54-
:icon: /images/icons/branding_2022/Technical_ATLAS_Functions3x.png
54+
:icon: atlas_functions
5555
:icon-alt: Functions Icon
5656

5757
Minimal-explanation code examples of how to work with the Flutter SDK.
@@ -60,7 +60,7 @@ Get Started with the Flutter SDK
6060
:headline: Working Example App
6161
:cta: Explore an Example App
6262
:url: https://www.mongodb.com/docs/atlas/app-services/template-apps/
63-
:icon: /images/icons/branding_2022/Technical_REALM_Mobile3x.png
63+
:icon: realm_mobile
6464
:icon-alt: Atlas Device SDK Mobile Icon
6565

6666
Learn by example through dissecting a working app that uses the Flutter SDK.
@@ -69,7 +69,7 @@ Get Started with the Flutter SDK
6969
:headline: Guided Tutorial
7070
:cta: Follow the Tutorial
7171
:url: https://mongodb.com/docs/atlas/app-services/tutorial/flutter/
72-
:icon: /images/icons/branding_2022/General_CONTENT_Tutorial3x.png
72+
:icon: general_content_tutorial
7373
:icon-alt: Tutorial Icon
7474

7575
Follow a guided tutorial to learn how to adapt the example app to
@@ -199,7 +199,7 @@ Recommended Reading
199199
:headline: Flutter API Reference
200200
:cta: Flutter API Reference
201201
:url: https://pub.dev/documentation/realm/latest/
202-
:icon: /images/icons/branding_2022/General_CONTENT_Tutorial3x.png
202+
:icon: general_content_tutorial
203203
:icon-alt: Reference Icon
204204

205205
Explore Dart and Flutter reference docs for the SDK on pub.dev.
@@ -239,7 +239,7 @@ the :ref:`<realm-example-projects-table>` page for more Flutter sample apps.
239239
:headline: Offline Login and Database Access
240240
:cta: Example project
241241
:url: https://github.com/realm/realm-dart-samples/tree/kilochat/kilochat
242-
:icon: /images/icons/branding_2023/Technical_REALM_Offline10x.png
242+
:icon: realm_offline
243243
:icon-alt: Atlas Device SDK Offline Icon
244244

245245
Log in a Device Sync user and open a synced database offline.
@@ -248,7 +248,7 @@ the :ref:`<realm-example-projects-table>` page for more Flutter sample apps.
248248
:headline: User's Online State
249249
:cta: Example project
250250
:url: https://github.com/realm/realm-kotlin-samples/blob/main/AppServicesUsageSamples/apps/presence-detection/README.md
251-
:icon: /images/icons/branding_2023/General_CONTENT_Users10x.png
251+
:icon: general_content_users
252252
:icon-alt: Users Icon
253253

254254
Detect connectivity and activity of users and devices.
@@ -257,7 +257,7 @@ the :ref:`<realm-example-projects-table>` page for more Flutter sample apps.
257257
:headline: Provider Shopper
258258
:cta: Example project
259259
:url: https://github.com/realm/realm-dart-samples/tree/main/provider_shopper
260-
:icon: /images/icons/branding_2023/Technical_MDB_StaticHosting10x.png
260+
:icon: mdb_static_hosting
261261
:icon-alt: Local Atlas Device SDK Icon
262262

263263
Build a modified Flutter sample app that uses a non-synced database

‎source/sdk/java.txt

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -191,7 +191,7 @@ Recommended Reading
191191
:headline: Java Quick Start
192192
:cta: Explore the Quick Start
193193
:url: https://www.mongodb.com/docs/realm/sdk/java/quick-start-local/
194-
:icon: /images/icons/branding_2022/General_CONTENT_Tutorial3x.png
194+
:icon: general_content_tutorial
195195
:icon-alt: Tutorial Icon
196196

197197
Get started with the Java SDK.
@@ -200,7 +200,7 @@ Recommended Reading
200200
:headline: Java API Reference
201201
:cta: Java API Reference
202202
:url: https://www.mongodb.com/docs/realm-sdks/java/latest/
203-
:icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
203+
:icon: realm_sdk
204204
:icon-alt: Atlas Device SDK Icon
205205

206206
Explore generated reference docs for the SDK's Java APIs.
@@ -209,7 +209,7 @@ Recommended Reading
209209
:headline: Kotlin Extensions API Reference
210210
:cta: Kotlin Extensions Reference
211211
:url: https://www.mongodb.com/docs/realm-sdks/java/latest/kotlin-extensions/
212-
:icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
212+
:icon: realm_sdk
213213
:icon-alt: Atlas Device SDK Icon
214214

215215
Explore generated reference docs for the Kotlin Extensions APIs.

‎source/sdk/kotlin.txt

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ Get Started with the Kotlin SDK
4646
:headline: Quick Start
4747
:cta: See Code Examples
4848
:url: https://www.mongodb.com/docs/realm/sdk/kotlin/quick-start/
49-
:icon: /images/icons/branding_2022/Technical_ATLAS_Functions3x.png
49+
:icon: atlas_functions
5050
:icon-alt: Functions Icon
5151

5252
Minimal-explanation code examples of how to work with the SDK.
@@ -56,7 +56,7 @@ Get Started with the Kotlin SDK
5656
:headline: Working Example App
5757
:cta: Explore an Example App
5858
:url: https://www.mongodb.com/docs/atlas/app-services/template-apps/
59-
:icon: /images/icons/branding_2022/Technical_REALM_Mobile3x.png
59+
:icon: realm_mobile
6060
:icon-alt: Atlas Device SDK Mobile Icon
6161

6262
Learn from example by dissecting a working Kotlin client app that
@@ -66,7 +66,7 @@ Get Started with the Kotlin SDK
6666
:headline: Guided Tutorial
6767
:cta: Follow the Tutorial
6868
:url: https://mongodb.com/docs/atlas/app-services/tutorial/kotlin/
69-
:icon: /images/icons/branding_2022/General_CONTENT_Tutorial3x.png
69+
:icon: general_content_tutorial
7070
:icon-alt: Tutorial Icon
7171

7272
Follow a guided tutorial to learn how to adapt the example app to
@@ -200,7 +200,7 @@ Recommended Reading
200200
:headline: Kotlin API Reference
201201
:cta: Kotlin API Reference
202202
:url: https://www.mongodb.com/docs/realm-sdks/kotlin/latest/
203-
:icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
203+
:icon: realm_sdk
204204
:icon-alt: Atlas Device SDK Icon
205205

206206
Explore generated reference docs for the SDK's Kotlin APIs.
@@ -209,7 +209,7 @@ Recommended Reading
209209
:headline: Migrate from the Java SDK to the Kotlin SDK
210210
:cta: Migrate from Java SDK to Kotlin SDK
211211
:url: https://www.mongodb.com/docs/realm/sdk/kotlin/migrate-from-java-sdk-to-kotlin-sdk/
212-
:icon: /images/icons/realm/general-flexibility.png
212+
:icon: general_features_flexibility
213213
:icon-alt: Migrate Icon
214214

215215
Learn why and how to switch from the Java SDK to the Kotlin SDK.
@@ -229,7 +229,7 @@ practices and common development patterns using the Kotlin SDK. Check out the
229229
:headline: Property-Level Encryption
230230
:cta: Example project
231231
:url: https://github.com/realm/realm-kotlin-samples/blob/main/AppServicesUsageSamples/apps/property-encryption/README.md
232-
:icon: /images/icons/branding_2023/General_SECURITY_Encryption10x.png
232+
:icon: general_security_encryption
233233
:icon-alt: Encryption Icon
234234

235235
Enhance user data security with property-level encryption.
@@ -238,7 +238,7 @@ practices and common development patterns using the Kotlin SDK. Check out the
238238
:headline: Offline Login and Database Access
239239
:cta: Example project
240240
:url: https://github.com/realm/realm-kotlin-samples/blob/main/AppServicesUsageSamples/apps/property-encryption/README.md
241-
:icon: /images/icons/branding_2023/Technical_REALM_Offline10x.png
241+
:icon: realm_offline
242242
:icon-alt: Atlas Device SDK Offline Icon
243243

244244
Log in a Device Sync user and open a synced database offline.
@@ -247,7 +247,7 @@ practices and common development patterns using the Kotlin SDK. Check out the
247247
:headline: User's Online State
248248
:cta: Example project
249249
:url: https://github.com/realm/realm-kotlin-samples/blob/main/AppServicesUsageSamples/apps/presence-detection/README.md
250-
:icon: /images/icons/branding_2023/General_CONTENT_Users10x.png
250+
:icon: general_content_users
251251
:icon-alt: Users Icon
252252

253253
Detect connectivity and activity of users and devices.
@@ -256,7 +256,7 @@ practices and common development patterns using the Kotlin SDK. Check out the
256256
:headline: Connection State Change & Error Handling
257257
:cta: Example project
258258
:url: https://github.com/realm/realm-kotlin-samples/blob/main/AppServicesUsageSamples/apps/error-handling/README.md
259-
:icon: /images/icons/branding_2023/General_CLOUD_Mobility10x.png
259+
:icon: cloud_mobility
260260
:icon-alt: Cloud Mobile Transfer Icon
261261

262262
Learn best practices around handling Sync errors and client reset

0 commit comments

Comments
 (0)