GeoIcons uses CSS currentColor to make SVG icons adapt to dark mode automatically

·1 views

Most SVG icon sets hardcode a fill color, causing icons to vanish or clash when a site switches to dark mode. GeoIcons solves this by setting stroke='currentColor' on every icon, so each one inherits the text color of its parent element. Developers only need to define a color for light and dark themes once in CSS or via Tailwind utility classes, and all icons update accordingly. The approach also works with the prefers-color-scheme media query, letting icons respond to a user's system theme without any JavaScript. Interactive states like hover and focus are handled the same way — styling the container automatically recolors the icon inside it.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

How to Record Focused Whiteboard Lessons That Are Easy to Watch on Any Device

Recording whiteboard lessons often results in cluttered footage where the board appears too small, notifications intrude, and text becomes unreadable on mobile screens. The recommended fix is to set the recording frame to match the lesson content before starting, using 16:9 for platforms like YouTube and 9:16 for phone-oriented clips. Educators are advised to structure each video around a single question or outcome, dividing the canvas into distinct zones for the title, main working area, and conclusion. A brief test recording should be reviewed for voice level, text size, and camera framing before the full lesson begins. Finishing each visual chunk before moving on, and holding the completed board for a few seconds at the end, helps viewers process the content and take notes.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Developer Launches Free AI Career Toolkit Combining Resume, PDF and Job Search Tools

A developer has launched a free AI-powered career toolkit aimed at simplifying the job search process. The platform, called CV Suite AI, consolidates resume building, PDF tools, and job search features into a single website. The tool was created in response to the common frustration of job seekers having to navigate multiple platforms to complete basic tasks. The project is currently live and publicly accessible online. The developer is actively seeking user feedback to guide future feature development.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

How to enforce SSE-KMS encryption on S3 buckets across 30 AWS accounts

Organizations managing multiple AWS accounts face compliance risks when developers create S3 buckets without encryption enabled. A Service Control Policy (SCP) attached to the root organizational unit can block unencrypted bucket creation by denying the s3:CreateBucket action unless the SSE-KMS header is present. For buckets that already exist without encryption, AWS Config evaluates them against a managed rule and triggers an SSM Automation document to apply SSE-KMS automatically. Terraform is used to provision the required Config delivery bucket, IAM roles, and StackSets that deploy the solution across all member accounts. Together, the SCP and Config remediation close both the preventive and corrective gaps in S3 encryption compliance.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Audit of 350k-Star Public-APIs Repo Finds Up to 25% of Listings Broken or Dead

A developer has been running hourly HTTP checks on 99 free public APIs drawn from the widely used public-apis GitHub repository, which has over 350,000 stars. The audit found that between 15% and 25% of entries are non-functional, pointing to APIs that have been shut down, moved behind paywalls, or changed endpoints. Notable examples include Dark Sky, MetaWeather, Reddit's free API, and Yahoo Finance v7, all of which remain listed despite having been discontinued or paywalled years ago. The developer attributed the problem to the nature of community-maintained markdown lists, where merged entries persist indefinitely unless someone actively files a removal request. To share findings, the developer built a free monitoring dashboard using Cloudflare Workers and D1, publishing live uptime data at freeapi.watch.

0 comments Read more at DEV Community