Comments (14)
I agree
from bootstrap.
Agreed. Even the white-on-green alert is difficult. Seems to me both were much more readable last week, so this may be a regression.
from bootstrap.
just sent a pull request
from bootstrap.
My proposal is to change the yellow to orange, however @orange
with the existing gradient scheme seems too light, so I am using #ff7d00 and lowering the lightening of its dark-end by 5%
&.warning {
#gradient > .vertical(lighten(#ff7d00, 25%), lighten(#ff7d00, 5%));
border-bottom-color: #ff7d00;
}
update The border color of my previews is still using the old @yellow
, whoops.
from bootstrap.
@sankage: Certainly much better (and I prefer orange anyway), but all four of them remain a bit hard to read.
from bootstrap.
@tjcrowder: Orange + @optikfluffel's font-color change
from bootstrap.
@sankage: (It happens this is a very good time for me to be testing this, it's the end of the day and my eyes get a bit...picky...round about now.) To me the blue and green look great, the orange looks pretty good, and the red wants the white back. :-)
from bootstrap.
After looking at my orange, I feel that the orange starts to take importance away from the red. I actually like yellow with contrast more.
from bootstrap.
@sankage: You're right, the yellow is better. All look good (to these particular old/tired eyes on this particular monitor, YMMV) except the red, which I find hard to read. If the font on the red were black rather than grey, it might be okay (for me). (I really love the tone of the colors, btw.)
FWIW, I don't see any issue with white on red but black/grey on all the others. Errors are special.
from bootstrap.
Agree, white on red would be better. Think about an alert you probably see almost everyday - the common stop sign, white on red.
from bootstrap.
ok got me with the stop-sign :D
like this?
from bootstrap.
@optikfluffel: Looks great to me, FWIW.
from bootstrap.
Looking much better! Great stuff.
from bootstrap.
Going to close this thread and punt discussion over to the duplicate issue: #69.
We'll have new alerts sooner than expected with the next release, 1.1.2, with more contrast and tighter spacing.
from bootstrap.
Related Issues (20)
- Splitter component - Suggest a new feature
- table-group-divider for top and bottom
- Horizontal tabs: Down and Up Arrows usage not allowed HOT 1
- Modal and offcanvas page content jumping vertically HOT 2
- Base Bootstrap on TailwindCSS HOT 1
- dart-sass error since bootstrap 5.3.3 HOT 1
- Column width auto is not always spaced evenly HOT 4
- In .btn class font-family is missing in bootstrap v5.3.3 HOT 1
- Dark dropdowns/navbars don't get dark variables with dark theme HOT 3
- d-sm-none not working in ul HOT 2
- Offcanvas and Modal open and close immediately on some touch devices HOT 2
- Inaccessible Bootstrap CDN Link - Privacy Error (?)
- Add global configuration and methods to enable the use of `calc` by default in numeric operations HOT 2
- Chrome/Edge default color-scheme scrollbars HOT 1
- Could you integrate popper.min.js as well? Right now popper is not available as a package for composer. HOT 3
- Dark Mode HTML tag Attribute is incorrect in the DOCUMENTATION and elsewhere on the web for Bootstrap 5.3.0+ HOT 1
- Navs and Tabs - Tabs doesn't work correctly when nav-links are anchors <a> HOT 1
- input group with nested dropdown differs from btn group
- Don't know why this issue was closed
- Wrong border radius first element in `btn-group-vertical` is a dropdown HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bootstrap.